Javascript SHOPIFY页面中滑块下方的Flexslider缩略图（非产品图像）

我已经挖了又挖，试图弄明白前面的一些问题，请原谅我，java和jquery不是我的专长。我想在如何组织和调用一个工作滑块缩略图，它正确地链接下面使用flexslider的手。这是一个可点击的缩略图幻灯片放映

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

我已经在我的资源中上传了：flexslider.css，jquery.flexslider-min.js，我认为这是我的特定主题minimal，jquery.flexslider.js附带的

我不知道在我的页面的HTML中包含什么，也不知道是否需要为我的页面创建一个单独的模板，并使用任何代码。我还不清楚是否需要修改theme.liquid中的任何内容，或者css中的任何内容是否需要更改

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

---

提前感谢。

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

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

  // include your flexslider css and js refs

{% endif %}