我目前在Shopify中使用木材框架创建自定义主题,其中一个要求是添加一个旋转木马滑块,该滑块将显示3个将自动滑动的盒装图像,以及具有左/右按钮以允许用户手动更改滑块。Shopify中的自定义主题的旋转木马滑块
我不知道我是否需要从头开始创建一些东西,所以我正在寻找一些关于如何解决这个问题的建议。
我目前在Shopify中使用木材框架创建自定义主题,其中一个要求是添加一个旋转木马滑块,该滑块将显示3个将自动滑动的盒装图像,以及具有左/右按钮以允许用户手动更改滑块。Shopify中的自定义主题的旋转木马滑块
我不知道我是否需要从头开始创建一些东西,所以我正在寻找一些关于如何解决这个问题的建议。
我们通常会在Shopify主题上使用http://owlgraphic.com/owlcarousel/。为了让您一开始,像下面应该让你和运行:
$(".owl-carousel").owlCarousel({
'items': 1,
'navigation': true,
'navigationText': ['<','>'],
'pagination': false
});
然后,只需阅读文档创建所需的元素。这个特定的滑块已启用滑动,这对移动用户也很方便。
谢谢亚历克斯,我会放弃这一点。为了澄清,我是否能够在不同的页面上多次使用它? – user3191160
这是正确的,如果每个传送带具有不同的设置,则对每个单独的传送带重复上述初始化函数并在id选择器上调用它,例如, #mobile-carousel /#desktop-carousel –
谢谢Alex:) – user3191160
可能是你可以使用twiiter bootstrap旋转木马滑块它fullfills所有的条件。 –