如何在 Shopify 中停用光滑滑块

Question

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

Answer 1

这很简单，你只需要在你的光滑选项中设置你想要禁用滑块的响应宽度：

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