如何在Shopify中停用光滑滑块

时间:2017-06-14 21:41:34

标签: javascript jquery slider shopify slick.js

我有一个Shopify首次亮相主题商店,我想在移动设备上查看页面时停用产品Sli​​ck Slider Thumbnail。我的桌面/平板电脑版本具有像[Image]这样的平面布局,但是当移动版本[Image]上激活了光滑滑块时,它会变得奇怪并且格式混乱。我已经尝试了许多方法来停用Slick Slider,但没有任何效果,我只是希望移动版本具有与桌面/平板电脑相同的布局(平面布局),任何人都可以帮助我,非常感谢你前进!<​​/ p>

1 个答案:

答案 0 :(得分:1)

这很简单,只需要在光滑的选项中设置要禁用滑块的reponsive的宽度:

    $(".slider").slick({
          dots: false,
          infinite: true,
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows:false,
          responsive:[
            {
              breakpoint: 676, //YOUR MOBILE WIDTH
              settings: "unslick" //DISABLE SLIDER
            }
          ]
    });