add unique class to instantialized grids not to break widgets

Author: danrcoull

view/frontend/web/css/source/_module.less

@@ -57,7 +57,7 @@
   animation-direction: reverse;
 }
 
-.grid.products-grid .product-items {
+.infinate .product-items {
   opacity: 0;
 }
 

view/frontend/web/js/scroll.js

@@ -14,7 +14,7 @@ define(['uiComponent', 'jquery', 'infinatescroll', "mage/template", 'imagesloade
             defaults: {
                 settings: {
                     enable: true,
-                    $element: $('.products.list.items.product-items'),
+                    $element: $('.product-items'),
                     analytics: true,
                     status: true,
                     text: 'No more products',
@@ -41,6 +41,7 @@ define(['uiComponent', 'jquery', 'infinatescroll', "mage/template", 'imagesloade
                 $.extend(true, self.settings, config.settings);
 
                 self.settings.$element = $(element)
+                self.settings.$element.addClass('infinate');
 
                 console.log(self.config)