magento2/magento2-page-builder#636: Responsive breakpoint switcher - fix for product content type carousel appearance

Author: joiecaquicla

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/products/preview.js

@@ -75,6 +75,13 @@ export default class Preview extends BasePreview {
                 }
             }
         });
+
+        events.on(`stage:${this.contentType.stageId}:viewportChangeAfter`, (args: {viewport: string}) => {
+            const viewports = Config.getConfig("breakpoints");
+            this.slidesToShow = parseFloat(viewports[args.viewport].options.products.default.slidesToShow);
+            this.destroySlider();
+            this.initSlider();
+        });
     }
 
     /**
@@ -168,6 +175,10 @@ export default class Preview extends BasePreview {
         }
     }
 
+    protected destroySlider(): void {
+        $(this.element.children).slick('unslick');
+    }
+
     /**
      * Build the slick config object
      *