如何在Shopify布鲁克林主题主页上安装产品转盘

Question

我正试图将特色产品更改为Shopify-Brooklyn主题主页上的旋转木马。我在这里遵循了一些本应以布鲁克林为主题的指示：https://www.youtube.com/watch?v=r7I3T4wB2cQ

然而，当我安装旋转木马时，它是垂直的。这是我的商店：http://sacredcoffeeco.com--转盘在页面的底部。

有人知道如何使滑块水平吗？

谢谢！

Answer 1

您似乎没有将滑块JS初始化为新创建的HTML，您需要将代码添加到theme.js.liquid中，还需要对CSS代码进行一些更改以达到设计目的。

$('ul.slick').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}    
]
});