我挖啊挖,试图弄明白之前的一些问题,请提前原谅,java和jquery不是我的专长。我很乐意帮助您了解如何使用 flexslider 组织和调用带有缩略图的工作 slider ,这些缩略图在其下方正确链接。(用于带有可点击缩略图的幻灯片放映)
谁能告诉我什么应该上传到哪里并在哪里调用?
我已经在我的 Assets 中上传了:flexslider.css、jquery.flexslider-min.js(我认为它与我的特定主题“最小”相关)、<强>jquery.flexslider.js
我不知道要在“PAGE”S' HTML 中包含什么内容,也不知道是否要使用任何代码为我的页面制作单独的模板。我也不清楚是否需要修改 theme.liquid 中的任何内容,或者是否需要更改 css 中的任何内容。
如有任何建议,我们将不胜感激。我会继续挖掘论坛。
提前致谢。
最佳答案
Flexslider 有一些生成幻灯片所需的特定 HTML。我会创建一个备用页面模板,例如page.slider.liquid 并将其放在那里。在您的 theme.liquid 文件(包含 jQuery 的下方)中,您可以执行以下操作:
{% if template == 'page.slider' %}
// include your flexslider css and js refs
{% endif %}
关于javascript - SHOPIFY 页面中 slider 下方的 Flexslider 缩略图(不是产品图片),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19696356/