将弹出尺码表添加到产品页面

元字段可用于保存 Shopify 后台通常不会获取的专门化信息，从而帮助您自定义 Shopify 商店的功能和外观。您可以在 Shopify 后台内部使用元对象，也可以选择在您的在线商店中显示它们。

通过使用元字段，您可以对在产品页面上显示链接的弹出窗口块添加页面引用。点击后，该链接将打开一个弹出窗口，其中显示您的页面内容。您可以使用页面的富文本编辑器来添加图片和其他媒体文件。

下方是您可添加到产品页面的一些弹出窗口信息的示例：

• 尺码表
• 保养说明
• 组装说明
• 产品规格
• 常见问题解答

这是一个四步教程，其中介绍了页面引用元字段、为页面引用创建产品元字段、为在线商店创建产品页面模板、添加新页面、引用特定产品中的页面，以及将产品页面模板应用于特定产品。您可以使用本教程在弹出窗口中创建任何想要的内容。本教程使用尺码表为例。

本教程需要 Online Store 2.0 模板。如果您使用经典模板，或者您要添加您的模板不支持的元字段类型，则可以编辑您的模板代码，或聘请 Shopify 合作伙伴。

步骤 1：为页面创建产品元字段

首先，您必须为产品页面创建页面引用元字段定义。产品元字段可链接到特定页面，您可以针对每种产品对其进行自定义。如果您未对使用相同模板的产品添加页面引用，则弹出窗口链接文本仍将显示，就像存在内容一样。若要仅在特定产品上显示弹出窗口链接，您可以创建产品模板并仅将模板应用于相关产品。

通过页面引用元字段，您可以通过为不同类型的产品创建不同的页面来显示不同的产品信息。例如，您可以为两个不同年龄段创建两个不同的尺码表页面，例如一个幼儿尺码表和一个婴儿尺码表，然后您可以对仅适用于幼儿产品的幼儿尺码添加页面引用。

您需要为页面引用创建元字段定义，然后才能将其连接到模板编辑器中的弹出窗口块。当您创建元字段定义时，系统会默认选择店面访问权限。

步骤：

桌面

1. 在 Shopify 后台中，转至设置 > 自定义数据。

2. 在元字段定义部分，点击产品。

3. 点击添加定义。

4. 在名称字段中，输入尺码表。

5. 点击 ⊕ 选择类型。

6. 从下拉菜单中选择页面。系统将默认选择一页。

7. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 ... > 设置。
2. 点击自定义数据。
3. 在元字段定义部分，点击产品。
4. 轻触 +。
5. 在名称字段中，输入尺码表。
6. 点击 + 选择类型。
7. 点击以从下拉菜单中选择页面。系统将默认选择一页。
8. 轻触保存。

Android

1. 在 Shopify 应用中，点击 ☰ > 设置。
2. 点击自定义数据。
3. 在元字段定义部分，点击产品。
4. 轻触 +。
5. 在名称字段中，输入尺码表。
6. 点击 + 选择类型。
7. 点击以从下拉菜单中选择页面。系统将默认选择一页。
8. 点击 ✓ 进行保存。

步骤 2：创建产品页面模板

本教程需要 Online Store 2.0 模板。如果您使用经典模板，或者您要添加您的模板不支持的元字段类型，则可以编辑您的模板代码，或聘请 Shopify 合作伙伴。

添加分区或块后，您可以通过点击动态源图标来选择元字段：

如果您不想将尺码表弹出链接添加到所有产品，则需要创建新的产品页面模板。在相应步骤中，您可以创建新的产品页面模板，但也可以改为选择现有产品页面模板来进行自定义。

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 在要自定义的模板旁边，点击自定义。
3. 在编辑器顶部的主页下拉菜单中，点击产品，然后点击 ⊕ 创建模板以创建和自定义新模板。
4. 在“分区”网站导航侧边栏中，转至模板 > 产品信息块，然后点击 ⊕ 添加块。
5. 点击弹出窗口。
6. 在链接标签字段中，输入尺码表。这是显示客户点击的弹出窗口页面内容的文本。
7. 在页面旁边，点击动态源图标，然后点击以选择您创建的页面引用元字段。
8. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 ... > 在线商店。
2. 点击管理所有模板。
3. 在要自定义的模板旁边，点击自定义。
4. 在编辑器顶部的主页下拉菜单中，点击产品，然后点击 ⊕ 创建模板以创建和自定义新模板。
5. 在“分区”网站导航侧边栏中，转至模板 > 产品信息块，然后点击 ⊕ 添加块：
6. 点击弹出窗口。
7. 在链接标签字段中，输入尺码表。这是显示客户点击的弹出窗口页面内容的文本。
8. 在页面旁边，点击动态源图标，然后点击以选择您创建的页面引用元字段。
9. 轻触保存。

Android

1. 在 Shopify 应用中，点击 ☰ > 在线商店。
2. 点击管理所有模板。
3. 在要自定义的模板旁边，点击自定义。
4. 在编辑器顶部的主页下拉菜单中，点击产品，然后点击 ⊕ 创建模板以创建和自定义新模板。
5. 在“分区”网站导航侧边栏中，转至模板 > 产品信息块，然后点击 ⊕ 添加块：
6. 点击弹出窗口。
7. 在链接标签字段中，输入尺码表。这是显示客户点击的弹出窗口页面内容的文本。
8. 在页面旁边，点击动态源图标，然后点击以选择您创建的页面引用元字段。
9. 点击 ✓ 以保存您的模板。

步骤 3：添加包含尺码表的页面

您需要创建包含元字段引用的尺码表内容的页面。如果您已经创建页面，则可以跳至步骤 4。

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 页面。
2. 点击添加页面。
3. 在标题字段中，输入尺码表，然后在内容中添加尺码表信息。
4. 在可见性部分，将页面设置为可见。
5. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 ... > 在线商店。
2. 轻触页面。
3. 点击添加页面。
4. 在标题字段中，输入尺码表，然后在内容中添加尺码表信息。
5. 在可见性部分，将页面设置为可见。
6. 轻触保存。

Android

1. 在 Shopify 应用中，点击 ☰ > 在线商店。
2. 轻触页面。
3. 点击添加页面。
4. 在标题字段中，输入尺码表，然后在内容中添加尺码表信息。
5. 在可见性部分，将页面设置为可见。
6. 点击 ✓ 进行保存。

您可以根据需要在元字段中创建任意要引用的尺码表页面数。但是，您只能在产品元字段中链接一个页面。

步骤 4：引用页面并将产品模板应用于特定产品

当您添加对特定产品的页面引用时，该页面的信息只会与该产品一起显示。如果您将使用该产品模板的产品的页面引用留空，链接文本仍将显示为链接。但是，弹出窗口将为空且没有页面引用，这可能使您的客户感到困惑。您可以为有尺码表的特定产品类型（例如服装或鞋子）使用不同的产品页面模板，为其他产品类型（例如儿童玩具、珠宝和其他配饰）使用产品模板。

详细了解模板。

步骤：

桌面

1. 在 Shopify 后台中，转至产品。
2. 点击要添加页面引用的产品。
3. 在产品元字段部分，点击尺码表页面引用，然后点击选择页面，选择尺码表页面。
4. 在模板样式部分，选择在步骤 2 中创建的尺码表产品页面模板。
5. 点击保存。

iPhone

1. 在 Shopify 应用中，转至产品 > 所有产品。
2. 点击要添加页面引用的产品。
3. 在产品元字段部分，轻触尺码表页面引用，然后轻触选择页面，选择尺码表页面。
4. 在模板样式部分，选择在步骤 2 中创建的尺码表产品页面模板。
5. 轻触保存。

Android

1. 在 Shopify 应用中，转至产品 > 所有产品。
2. 点击要添加页面引用的产品。
3. 在产品元字段部分，轻触尺码表页面引用，然后轻触选择页面，选择尺码表页面。
4. 在模板样式部分，选择在步骤 2 中创建的尺码表产品页面模板。
5. 点击 ✓ 进行保存。

您可以根据需要为任意数量的产品重复这些步骤。