Shopify 中自定义主题的轮播滑块

Question

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

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

Answer 1

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

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

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