Callback Slider Shopify

Add jQuery (layout/theme.liquid)
$(document).ready(function(){
   $('body').on('change', '.mobile-facets__inner.gradient input, select#SortBy', function() {
    setTimeout(function() { 
      run_callbak_slider()
    }, 2000);
  });
  $('body').on('click', 'a.active-facets__button, a.active-facets__button-remove', function() {
    setTimeout(function() { 
      run_callbak_slider()
    }, 2000);
  });
  function run_callbak_slider(){
    var sliderProducts = document.querySelectorAll('.has-slider-wrapper,.slider-pdp')  || null;
    if(sliderProducts){
      console.log("slider");
        sliderProducts.forEach(function(slider) {
          new Flickity(slider, {
            pageDots: false,
            freeScroll: false,
            wrapAround: true,
            prevNextButtons: true,
            autoPlay: false,
            groupCells: false,
            cellAlign: 'center',
          });
        });
    }
  }
});

Leave a Reply

Your email address will not be published. Required fields are marked *