javascript - SHOPIFY 页面中 slider 下方的 Flexslider 缩略图(不是产品图片)

Question

我挖啊挖，试图弄明白之前的一些问题，请提前原谅，java和jquery不是我的专长。我很乐意帮助您了解如何使用 flexslider 组织和调用带有缩略图的工作 slider ，这些缩略图在其下方正确链接。(用于带有可点击缩略图的幻灯片放映)

谁能告诉我什么应该上传到哪里并在哪里调用？

我已经在我的 Assets 中上传了:flexslider.css、jquery.flexslider-min.js(我认为它与我的特定主题“最小”相关)、<强>jquery.flexslider.js

我不知道要在“PAGE”S' HTML 中包含什么内容，也不知道是否要使用任何代码为我的页面制作单独的模板。我也不清楚是否需要修改 theme.liquid 中的任何内容，或者是否需要更改 css 中的任何内容。

如有任何建议，我们将不胜感激。我会继续挖掘论坛。

提前致谢。

Answer 1

Flexslider 有一些生成幻灯片所需的特定 HTML。我会创建一个备用页面模板，例如page.slider.liquid 并将其放在那里。在您的 theme.liquid 文件(包含 jQuery 的下方)中，您可以执行以下操作:

{% if template == 'page.slider' %}

  // include your flexslider css and js refs

{% endif %}