关于变体显示

Topic summary

用户希望在 Shopify 特色产品模块中实现变体联动显示功能。

核心需求:

  • 在同一模块内展示多个产品(A产品和B产品)
  • 产品具有 size(尺寸)和 number(数量)两个属性
  • 买家选择 size 后,自动显示该尺寸下可用的 number 选项
  • 产品图片随选择的变体自动切换

具体示例:
衣服有黑色和红色两种颜色,尺码包括 M、L、XL。当买家点击黑色时:

  • 如果三个尺码都有库存,则全部显示可选
  • 如果只有 XL 库存,则仅显示 XL 选项
  • 选择 XL 后,对应的产品图片在同一模块内自动更新显示

这是一个关于 Shopify 前端变体选择器和图片联动的设计问题。

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

请问一下

在特色产品的模块下,添加了一款A产品和另一款B产品,添加了图片,都设置了size和number的属性值

希望与运用尺寸和数量作为变体可选项,在前台同一个模块,比如特色产品里进行显示,买家可以根据需要点击size栏里的内容 ,会显示此产品size下的产品number栏里的值。

另外产品图片会随之变到相应的size的产品上

举例: 衣服有黑 红个颜色,有M L XL尺码。点击黑色,如果尺码全都三个存在,如果只有XL就只能选XL,选 了XL就显示对应的照片在同一个模块里