隐藏其它变体图片

隐藏其它变体图片效果预览:

通过为产品图片添加 alt 属性,将图片按变体分组,可以实现仅显示当前变体图片集合的效果。以下是具体步骤:

只显示当前变体的图片集合

给产品图片添加Alt 属性

在产品编辑页面中,选择需要分组的图片并为其添加 alt 属性值,例如 ###Purple

相同 alt 属性值(带有 ### 前缀)的图片会被归为同一组。

添加 Alt 属性值

设置变体图片

在变体设置中,为每个变体指定主图,主图所在分组的所有图片将在选择该变体时显示。

启用隐藏其它变体图片设置

在模板编辑页面,进入产品设置,开启“隐藏其他变体图片”选项。开启后,仅显示当前变体的图片组,隐藏其他图片。

Last updated

Was this helpful?