add unique class to instantialized grids not to break widgets

danrcoull · Feb 3, 2020 · 7ff8e47 · 7ff8e47
1 parent 2d0cc1a
commit 7ff8e47
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/view/frontend/web/css/source/_module.less b/view/frontend/web/css/source/_module.less
@@ -57,7 +57,7 @@
   animation-direction: reverse;
 }
 
-.grid.products-grid .product-items {
+.infinate .product-items {
   opacity: 0;
 }
 

diff --git a/view/frontend/web/js/scroll.js b/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)