SHOPIFY 页面中滑块下方的 Flexslider 缩略图（不是产品图片）答案

【问题标题】：Flexslider thumbnails below slider in SHOPIFY pages (not product images)SHOPIFY 页面中滑块下方的 Flexslider 缩略图（不是产品图片）
【发布时间】：2013-11-10 20:37:03
【问题描述】：

我挖了又挖，试图弄明白之前的一些问题，请提前原谅，java和jquery不是我的专长。我很想知道如何组织和调用一个带有缩略图的工作滑块，这些缩略图使用 flexslider 在它下面正确链接。（它用于带有可点击缩略图的幻灯片）

谁能告诉我应该在哪里上传和在哪里调用？

我已经上传了我的资产：flexslider.css、jquery.flexslider-min.js（我认为这是我的特定主题“最小”附带的）、jquery.flexslider.js

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

非常感谢任何建议。我会继续挖掘论坛。

提前致谢。

【问题讨论】：

标签： javascript jquery thumbnails shopify flexslider

【解决方案1】：

Flexslider 有一些生成幻灯片所需的特定 HTML。我会创建一个备用页面模板，例如page.slider.liquid 并将其放在那里。在你的 theme.liquid 文件中——在包含 jQuery 的下面——你可以这样做：

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

  // include your flexslider css and js refs

{% endif %}

【讨论】：