Shopify中自定义主题的旋转木马滑块

Question

我目前正在使用Timber Framework在Shopify中创建一个自定义主题，其中一个要求是添加一个轮播滑块，它将显示3个自动滑动的盒装图像，以及左/右按钮以允许用户手动更改滑块。

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

Answer 1

我们通常会在Shopify主题上使用http://owlgraphic.com/owlcarousel/。为了帮助您入门，以下内容可以让您启动并运行：

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

然后只需阅读用于创建所需元素的文档。此特定滑块启用了滑动功能，对移动用户也很方便。