Article
Wix CMS 有多件商品,Pro Gallery 为什么只显示一件的多张图?
区分 Image 字段的跨条目单图与 Media Gallery 字段的单条目多媒体,按商品列表或详情图库目标重新核对数据绑定。

先看 Pro Gallery 连接的是 Image 还是 Media Gallery 字段。Image 连接用于多个 CMS items 各取一张图;Media Gallery 则显示一个 item 的多张图片或视频。换图库布局不会自动改变这个数据关系。Wix 跨条目 Image 图库、单条目 Media Gallery 官方说明
关键要点
- 先决定一格代表一件商品,还是同一商品的一个角度。
- Media Gallery 也能用于静态页面,不应一律改成动态详情页。
- 这里是 CMS Pro Gallery,不是 Wix Stores 商品选项媒体的同一配置。
先写清图格与商品的对应关系
假设 CMS 有蓝杯、红杯和白杯,每条记录的 Media Gallery 都有正面、背面、杯底三图。首页想展示三件商品,却出现蓝杯的三个角度。建议先检查每格身份,不以“也有三张图”认定正确。
如果目标是商品目录,每格应指向不同 item;如果目标是蓝杯详情,三个角度正合适。这个决定比调图片间距更早,也不能用切换 dataset 的排序来修复字段类型选错。
商品目录走 Image 字段路线
为每个 item 准备对应的 Image 字段主图。选择 Pro Gallery,点击 Connect to CMS,选择连接该集合的 dataset,再将 Image sources connect to 连接所需 Image 字段;标题、说明、alt 与链接分别连接适用字段。Wix 官方跨条目绑定步骤
建议先用两件外观明显不同的商品核对:蓝杯图与蓝杯标题在同一格,红杯图与红杯标题在另一格。若图对但链接不对,应另查 Links connect to,不能因图库能显示就默认整个卡片可用。
商品多角度走 Media Gallery 路线
如果需要同一 item 的多媒体,先在该 item 的 Media Gallery 管理对应内容,再把 Pro Gallery 连接到 dataset 下的该字段。动态详情页可按当前 item 展示;静态页同样可以使用此字段,并通过筛选或导航明确当前显示哪个 item。Wix 官方静态与动态使用范围
因此“只显示一件商品”在这条路线中可能是设计本意。如果静态页要按按钮轮流看蓝杯、红杯的多角度图库,应分别验收当前 item 与每件商品内部媒体,不误写成多商品封面列表。
用两个计数验证绑定目标
以下为建议练习,没有修改真实站点:让蓝杯有三张媒体、红杯有两张媒体,各有一张独立主图。先写预期,再看实际结果。
| 任务 | 预期要核的对象 |
|---|---|
| 商品列表 | 蓝杯与红杯各自一格,不是五个角度混列 |
| 蓝杯详情 | 蓝杯自己的三张媒体,不混红杯 |
| 静态页切换当前商品 | 切到红杯后显示红杯媒体,并保留正确标题 |
不同商品数量与单商品媒体数量分开记录,才不会把数据读取正确与否交给肉眼猜。
别把图库内部加载当成更多商品
Wix 官方区分两种加载:Image 跨条目图库可用连接 dataset 的 Load more;Media Gallery 单条目多媒体则使用图库内建 Load More。加载更多照片不必然意味着加载更多商品。官方图库加载边界
Wix Stores 的颜色与尺码媒体关联又是另一个对象模型,详见选项值与变体图片边界。CMS 图库显示不承担证明所有可售组合都有独立图片。
最后用多 SKU 素材核对(英文)与源图追溯(英文)保留对应。字段类型、当前 item 或链接目的地不明时,暂停交付;正确结果应能说明每一格究竟代表什么。
本文由 Itemlume 编辑团队依据截至2026年10月31日核对的公开资料整理,采用 AI 辅助研究与编辑。文中的建议方法与假设练习不代表已完成实机、实拍或投放测试。软件入口与适用条件以当前官方说明和实际账户为准。了解编辑主体或联系勘误。