在 Shopify 产品页面上选择一种颜色选项时隐藏其他产品图片答案

【问题标题】：Hide additional product images when one colour option is selected on Shopify product page在 Shopify 产品页面上选择一种颜色选项时隐藏其他产品图片
【发布时间】：2021-01-20 15:04:08
【问题描述】：

我正在尝试仅显示我在产品页面上选择的颜色变体的图像。他们目前被产品列表 CSV 中的 Img Alt 文本吸引。我会在未选择时隐藏其他颜色的缩略图，并在它们被选中时切换到它们，包括替换更大的特色图像。

任何帮助将不胜感激。谢谢。

product-template.liquidhttps://pastebin.com/AyaDpNG4

theme.jshttps://pastebin.com/KBniw7J8

产品页面链接

https://4158qu33fstl4w69-53119090861.shopifypreview.com/products/lightweight-trainers

链接到 CSV

https://docs.google.com/spreadsheets/d/1lc8XcHDMyMFGAkegTRrBLLTlQN8oNVbU430vT0aeP4Y/edit?usp=sharing

【问题讨论】：

标签： shopify hide product liquid display

【解决方案1】：

从数据的角度来看，不幸的是，在 vanilla shopify 中没有办法做到这一点（没有应用程序或使用元字段来设置变体图像）。

原因是变体在数据结构中只允许一张特色图片。因此，您可能需要走应用路线。

另一种“hacky”方法是在图像名称的末尾添加 slugs（'-maroon'、'-black'、'-all'），然后使用 javascript 将图像与当前活动的图像相匹配变体。不过，这总是有点冒险，并且在上传图片时需要工作。

【讨论】：

你有什么推荐的应用吗？

【解决方案2】：

这里有一些APP，但是Shopify上的大部分APP都是付费的。

【讨论】：