SHOPIFY页面中滑块下方的Flexslider缩略图(非产品图片)

时间:2013-10-31 00:29:12

标签: javascript jquery thumbnails shopify flexslider

我已经挖掘并挖掘并尝试理解以前的一些问题,请事先原谅我,java和jquery不是我的专长。我很想知道如何组织和调用一个工作滑块,其中的缩略图使用flexslider在其下方正确链接。(这是一个带有可点击缩略图的幻灯片)

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

我上传了我的资产: flexslider.css jquery.flexslider-min.js (我认为我的特定主题是“最小”),< strong> jquery.flexslider.js

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

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

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

  // include your flexslider css and js refs

{% endif %}