如何将产品元字段添加到您的 Shopify 页面

Shopify 中的产品元字段是什么?

A Shopify Metafield 允许您存储 额外的信息 关于商店内容的默认字段。最常用的类型之一是 产品元字段 — 非常适合添加独特的规格，如护肤类型、营养信息、成分，甚至自定义徽章的图像 URL。

如果你想展示 个性化产品详情 或丰富你的 Shopify 产品页面 通过自定义数据，元字段就是您的首选解决方案。

如何在 Shopify 中添加产品元字段

步骤 1：在 Shopify 中创建产品元字段

要使用元字段，您必须首先 定义 在您的 Shopify 管理员中。

• 从你的 Shopify 管理员, 到 个人设置 > 元场和元对象 > 产品.

• 接下来，点击 “添加定义”.

• 填写 姓名, 描述， 选择 内容类型，然后选择 分类.

• 击中 “保存” 等结束了。

步骤2：向您的产品添加元字段值

成功创建产品元字段后，您可能会注意到它已添加到您的产品设置中。然后，要为最近创建的元字段添加价值，请按照下面概述的步骤操作。

• 在MyCAD中点击 软件更新 Shopify 管理员 > 产品 并选择您想要通过元字段添加更多信息的产品。
• 向下滚动到 元字段 产品设置页面上的部分。

• 在字段中输入值。别忘了点击 “保存” 等结束了。

步骤 3：在页面上显示元字段

• 返回 Shopify 管理员 > 元字段和元对象 > 产品 并找到您想要在页面上显示的元字段。
• 接下来，复制以下代码行 命名空间和键 部分。

• 在MyCAD中点击 软件更新 GemPages 仪表板 > 产品页面，选择喜欢的模板进入 编者.

从此处开始，步骤可能会根据您使用的编辑器版本而有所不同。请找到与您的 GemPages 版本对应的说明，并相应地执行以下步骤。

如果您使用的是 GemPages V6

• 从左侧边栏拖放 液体元素 到页面上您喜欢的位置。

• 右键单击液体元素并选择 编辑代码.

• 接下来，将之前复制的代码粘贴到 版型 面板。

请注意，您应该添加 产品.元字段。 在你刚刚复制的代码行之前，代码应该放在 {{ }}.

例如：

{{product.metafields.my_fields.skintype}}

• 击中 “保存” 并检查预览页面以查看其外观。

如果您使用的是 GemPages V7

• 找到 自定义代码 左侧边栏的元素，在 先进的 部分。将其拖放到您喜欢的位置。

• 单击元素以显示左侧边栏上的代码面板。

• 将之前复制的代码粘贴到 HTML/Liquid 选项卡。您还需要添加前缀 product.metafields. 在你刚刚复制的代码行之前，代码应该放在 {{ }}.

例如：

{{product.metafields.custom.product_test}}

• 点击 已保存 金益辉 发布您的页面 检查店面上的结果。

如何将图像源连接到元字段？

Shopify 还支持 图像元字段，但在页面上呈现它们需要自定义 HTML 代码。

为元字段上传图像后，您可以使用以下代码来显示图像：

{{product.metafields.custom.test_metafield_image | metafield_tag}}