请问一下
在特色产品的模块下，添加了一款A产品和另一款B产品，添加了图片，都设置了size和number的属性值
希望与运用尺寸和数量作为变体可选项，在前台同一个模块，比如特色产品里进行显示，买家可以根据需要点击size栏里的内容 ，会显示此产品size下的产品number栏里的值。
另外产品图片会随之变到相应的size的产品上
举例： 衣服有黑 红个颜色，有M L XL尺码。点击黑色，如果尺码全都三个存在，如果只有XL就只能选XL，选 了XL就显示对应的照片在同一个模块里
Topic summary
用户希望在 Shopify 特色产品模块中实现变体联动显示功能。
核心需求：
- 在同一模块内展示多个产品（A产品和B产品）
- 产品具有 size（尺寸）和 number（数量）两个属性
- 买家选择 size 后，自动显示该尺寸下可用的 number 选项
- 产品图片随选择的变体自动切换
具体示例：
衣服有黑色和红色两种颜色，尺码包括 M、L、XL。当买家点击黑色时：
- 如果三个尺码都有库存，则全部显示可选
- 如果只有 XL 库存，则仅显示 XL 选项
- 选择 XL 后，对应的产品图片在同一模块内自动更新显示
这是一个关于 Shopify 前端变体选择器和图片联动的设计问题。