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

Question

我挖掘和挖掘并试图理解一些以前的问题，事先原谅我，java和jquery不是我的专长。我会喜欢一个如何组织和调用一个工作滑块的缩略图，它使用flexslider正确地链接到它下面（这是一个幻灯片放映可点击缩略图）

任何人都可以告诉我应该上传哪里和调用哪里？

我已经在我的资产上传：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 %}