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