【问题标题】:Product page images slider in one line with supply theme "shopify"带有供应主题“shopify”的产品页面图像滑块
【发布时间】:2018-05-28 12:20:04
【问题描述】:

我想将产品页面上的图片放在一行中并添加一个滑块。我在 shopify 中使用供应主题。我联系了shopify,他们告诉我必须为专家付费,但我想自己做。有人知道如何进行这些更改吗?这是我要添加的产品图片示例-product page

图像不在同一行。

【问题讨论】:

  • 您可能需要检查主题文件并检查哪个 .template 文件列出了您的产品图片。我认为这将是一个具有相同班级或其他班级的循环。因此,使用任何滑块(如 slick 或 owl 滑块插件)来定位它。

标签: html ruby slider shopify liquid


【解决方案1】:

一种方法是使用 javascript 库来帮助您构建滑块。一个非常流行的库是Owl Carousel

我会推荐你​​查看他们的basic carousel 的演示。

您可以使用基本轮播并拥有另一个图像标签,您将根据点击他们在轮播上单击的图片来更改该标签。

【讨论】:

    【解决方案2】:

    在模板文件夹中有 product.liquid 文件,您必须对其进行编辑,找到“product.images”并在其中应用 Slick Slider。 如果有任何需要我可以帮助你。 我是一名 Shopify 专家,拥有 3 年主题开发和定制经验

    【讨论】:

    • TY,会检查并回复你;)
    猜你喜欢
    • 2021-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多