2016-08-09 120 views
-1

我目前在Shopify中使用木材框架创建自定义主题,其中一个要求是添加一个旋转木马滑块,该滑块将显示3个将自动滑动的盒装图像,以及具有左/右按钮以允许用户手动更改滑块。Shopify中的自定义主题的旋转木马滑块

我不知道我是否需要从头开始创建一些东西,所以我正在寻找一些关于如何解决这个问题的建议。

+0

可能是你可以使用twiiter bootstrap旋转木马滑块它fullfills所有的条件。 –

回答

0

我们通常会在Shopify主题上使用http://owlgraphic.com/owlcarousel/。为了让您一开始,像下面应该让你和运行:

$(".owl-carousel").owlCarousel({ 
    'items': 1, 
    'navigation': true, 
    'navigationText': ['<','>'], 
    'pagination': false 
}); 

然后,只需阅读文档创建所需的元素。这个特定的滑块已启用滑动,这对移动用户也很方便。

+0

谢谢亚历克斯,我会放弃这一点。为了澄清,我是否能够在不同的页面上多次使用它? – user3191160

+0

这是正确的,如果每个传送带具有不同的设置,则对每个单独的传送带重复上述初始化函数并在id选择器上调用它,例如, #mobile-carousel /#desktop-carousel –

+0

谢谢Alex:) – user3191160