Shopify 切换变体时图片对不上怎么修
现象#
选红色显示蓝色图,或者所有变体共用第一张图,客户无法确认颜色。
原因#
- 变体未绑定对应媒体(variant image)
- 主题逻辑按
variant.featured_image取图但未设置 - 图片顺序与选项值顺序不一致
处理步骤#
- 在商品编辑页为每个变体指定对应图片
- 确认主题用
{{ variant.featured_media }}且做了空值回退 - 把颜色图放在同一分组,按选项值顺序排列
- 用真实前台逐一切换验证
验收标准#
选择任一选项组合都显示对应图片,无图时回退主图,不出现错色。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。