shopify - 如何在 Shopify 布鲁克林主题的主页上安装产品轮播?
问题描述
我正在尝试将特色产品更改为 Shopify - 布鲁克林主题主页上的轮播。我在这里遵循了一些应该适用于布鲁克林主题的说明:https ://www.youtube.com/watch?v=r7I3T4wB2cQ
然而,当我安装它时,旋转木马是垂直的。这是我的商店:http ://sacredcoffeeco.com——轮播位于页面底部。
有谁知道如何使滑块水平?
谢谢!
解决方案
似乎您没有将滑块 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
}
}
]
});
推荐阅读
- c++ - 为什么代码中的逻辑不能正常工作?
- regex - 使正则表达式仅匹配捕获组
- adapter - 从 LiveData 更新 AutoCompleteTextView 的适配器
- typescript - 在界面中指定多个文件类型
- opencv - 将 2D 图像点重新投影到 3D 坐标的方程
- python - 我正在尝试在 Python 中解决 6x6 数独
- hyperledger-fabric - 如何在启用 tls 的情况下启动 fabric-ca 服务器
- c# - 将字节数组转换为对象 C++ | C++ 中的 C# 位转换器
- windows - 如何从使用 Go 创建的 exe 创建 Windows 服务?
- android - 无法在mac中使用android studio打开ics-openvpn