如何为每个产品添加不同的 A+ 图片？元字段使用大全 2（39）

其实你只要知道元字段（Metafields）的基础逻辑，根本不需要我来把每个场景都单独出个攻略的。

奈何用户有需求，我又想着糊弄一下内容，接下来有各类元字段的使用场景我都会多讲一些。

上一个元字段应用场景，是为每个产品添加尺码表。也是我的 shopify99 个技巧的第一篇，如有需要可以去看看。

提升转化！Shopify 如何添加可折叠尺码表？| 99 个 Shopify 建站技巧（1）

需求场景复述：每个产品都需要不同的 banner 图

新人可能会迷糊，如果在模板里面设置，会发现每一个产品都会出现这张图。

为了不同产品显示不同的 banner 图，我们就需要使用元字段 metafields 这个功能，从而将该模块映射至一个产品属性中，这样方便我们在后续产品编辑时，更方便的添加不同 banner 图。

一、产品页添加 banner 图模块，并将素材选择为映射添加元字段

在 Shopify 后台进入在线商店 > 主题 > 自定义，进入产品页面模板。

添加 banner 图模块（或者类似的模块，如 slide 等），并将素材选择为映射添加元字段。

这样可以将图片与产品的元字段关联起来。

二、添加图片类型元字段

在设置元字段时：

1. 选择命名空间为 custom（或自定义命名空间）
2. 定义名称，如 banner_image 或 product_banner
3. 选择类型为 图片 (Image)
4. 保存元字段定义

三、在对应产品中，添加对应的 banner 图

保存元字段和模板后，分别进入不同产品：

1. 打开产品编辑页面
2. 滚动到页面底部的元字段部分
3. 找到刚创建的 metafields 字段
4. 上传该产品专属的 banner 图片
5. 保存产品

至此搞定。

FAQ

图片尺寸怎么搞？

Shopify 免费模板就是这样烦人，图片的尺寸很难搞。一遍遍试和调整，而且你还需要考虑手机端适配的问题。

重要的 Tips：图片本身上边不要有文字！

否则更难调整而且容易糊。

我有两张图片可以吗？

当然可以！

创建新模块（或者选择 second image），再添加新映射即可。

每个模块对应一个元字段，你可以添加多个图片元字段来实现多图展示。

元字段的核心逻辑

元字段的本质是扩展 Shopify 默认数据结构。

通过元字段，你可以：

• 为产品添加自定义属性（如材质、产地、特殊说明等）
• 为产品关联图片、视频等多媒体资源
• 为产品添加 SEO 相关的元数据
• 创建产品之间的关系（如推荐产品、配件等）

使用元字段的三大步骤

1. 定义元字段

在 Shopify 后台或通过代码定义元字段的命名空间、名称和类型。

2. 填充元字段数据

在产品、集合、博客文章等对象中填写具体的元字段值。

3. 在模板中调用元字段

通过 Liquid 代码或主题编辑器中的动态源（Dynamic Source）调用元字段数据。

更多元字段使用场景

接下来我会继续分享更多元字段的实际应用案例：

• 产品规格参数表
• 品牌故事模块
• 产品使用场景图
• 视频展示区
• 客户评价精选
• 相关产品推荐

欢迎关注后续内容。