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

Question

我目前正在使用 Timber Framework 在 Shopify 中创建一个自定义主题，其中一个要求是添加一个旋转木马滑块，该滑块将显示 3 个自动滑动的盒装图像，并具有 left/right允许用户手动更改滑块的按钮。

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

Answer 1

我们通常会在 Shopify 主题上使用 http://owlgraphic.com/owlcarousel/。为了让你开始，像下面这样的东西应该让你起来 运行:

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

然后只需阅读创建所需元素的文档即可。这个特殊的滑块启用了滑动功能，这对移动用户来说也很方便。