如何在 Shopify 中停用光滑的滑块

Question

我有一个 Shopify Debut Theme 商店，我想在移动设备上查看页面时停用产品 Slick Slider Thumbnail。我的 desktop/tablet 版本有一个像这样 [] 的平面布局，但在移动版本 [] 上激活光滑滑块时它变得很奇怪并且格式混乱。我已经尝试了很多方法来停用 Slick Slider，但没有任何效果，我只希望移动版本具有与 desktop/tablet 相同的布局（平面布局），任何人都可以帮助我解决这个问题，谢谢提前很多！

Answer 1

这很简单，只需在您的 slick 选项中设置要禁用滑块的响应宽度即可：

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