向产品页面添加弹出式尺寸表
元字段可帮助您自定义 Shopify 商店的功能和外观,方法是让您保存 Shopify 后台通常不会捕获的专门信息。元字段可以在您的 Shopify 后台内部使用,您也可以选择在在线商店中显示它们。
通过元字段,您可以向弹出式块添加页面引用,此操作会在您的产品页面上显示一个链接。点击此链接后,系统会打开一个显示页面内容的弹出窗口。您可以使用页面的富文本编辑器来添加图片和其他媒体文件。
您可以向产品页面添加的弹出式信息的一些示例如下:
- 尺寸表
- 保养说明
- 组装说明
- 产品规格
- 常见问题
本教程分为 4 个步骤,将介绍页面引用元字段、为页面引用创建产品元字段、为在线商店创建产品页面模板、添加新页面、在特定产品中引用页面以及将产品页面模板应用于特定产品。您可以使用本教程在弹出窗口中创建任何所需内容。本教程通篇使用尺寸表示例。
本教程需要使用支持动态源的模板。如果您使用的是旧版模板,或者您想添加模板不支持的元字段类型,那么您可以编辑模板代码或聘请 Shopify 合作伙伴。
步骤 1:为页面创建产品元字段
首先,您必须为产品页面创建页面引用元字段定义。产品元字段链接到特定页面,并且可以针对每个产品进行自定义。如果您未向使用相同模板的产品添加页面引用,那么您的弹出链接文本仍将显示,就像有内容一样。若要仅在特定产品上显示弹出链接,您可以创建产品模板并仅将其应用于相关产品。
借助页面引用元字段,您可以通过为不同类型的产品创建不同页面来显示不同的产品信息。例如,您可以为两个不同的年龄段创建两个不同的尺寸表页面(例如幼儿尺寸表和婴儿尺寸表),然后您可以仅将幼儿尺寸的页面引用添加到幼儿产品中。
您需要为页面引用创建元字段定义,才能将其连接到模板编辑器中的弹出式块。创建元字段定义时,默认情况下会选择店面访问权限。
步骤:
台式电脑
在 Shopify 后台中,转至设置 > 元字段和元对象。
在元字段定义部分,点击产品。
点击添加定义。
在名称字段中,输入 尺寸表。
点击 ⊕ 选择类型。
从下拉菜单中选择页面。默认情况下,系统会选择一个页面。
点击保存。
移动设备
在 Shopify app 中,轻触
,然后轻触
设置。
在 商店设置 部分中,轻触 元字段和元对象。
在元字段定义部分,轻触产品。
轻触 +。
在名称字段中,输入 尺寸表。
轻触 + 选择类型。
轻触以从下拉菜单中选择页面。默认情况下,系统会选择一个页面。
轻触保存或 ✓。
步骤 2:创建产品页面模板
本教程需要使用支持动态源的模板。如果您使用的是旧版模板,或者您想添加模板不支持的元字段类型,那么您可以编辑模板代码或聘请 Shopify 合作伙伴。
添加分区或块后,您可以通过点击动态资源图标来选择元字段:

如果您不想为所有产品添加尺寸表弹窗链接,则需要创建新的产品页面模板。在以下步骤中,您将创建一个新的产品页面模板,但您也可以选择自定义现有产品页面模板。
步骤:
台式电脑
- 在 Shopify 后台中,转至在线商店 > 模板。
- 在您要自定义的模板旁,点击编辑模板。
- 在编辑器顶部的主页下拉菜单中,依次点击产品和 ⊕ 创建模板以创建和自定义新模板。
- 在“分区”导航侧边栏中,转到模板 > 产品信息块,然后点击 ⊕ 添加块。
- 点击弹窗。
- 在链接标签字段中,输入 尺寸表。此文本是客户为查看弹窗页面内容而点击的文本。
- 在页面旁边,点击动态资源图标,然后点击以选择您创建的页面引用元字段。
- 点击保存。
移动设备
在 Shopify app 中,轻触
图标。
在 销售渠道 部分中,轻触 在线商店 > 管理所有模版。
轻触要自定义的模板的编辑模板。
在编辑器顶部的主页下拉菜单中,轻触产品,然后轻触 ⊕ 创建模板以创建和自定义新模板。
在“分区”导航侧边栏中,转到模板 > 产品信息块,然后轻触 ⊕ 添加块。
轻触弹窗。
在链接标签字段中,输入 尺寸表。此文本是客户为查看弹窗页面内容而点击的文本。
在页面旁边,轻触动态资源图标,然后轻触以选择您创建的页面引用元字段。
轻触保存或 ✓。
第 3 步:添加包含尺寸表的页面
您需要创建一个包含尺寸表内容的页面,以供元字段引用。如果您已创建了页面,则可以跳到第 4 步。
步骤:
台式电脑
- 在 Shopify 后台中,转至在线商店 > 页面。
- 点击添加页面。
- 在标题字段中,输入 尺寸表,然后在内容中添加尺寸表信息。
- 在可见性部分,将页面设置为可见。
- 点击保存。
移动设备
在 Shopify app 中,轻触
图标。
在 **销售渠道** 部分中,轻触 **在线商店** > **页面**。
轻触添加页面。
在标题字段中,输入 尺寸表,然后在内容中添加尺寸表信息。
在可见性部分,将页面设置为可见。
轻触保存或 ✓。
您可以根据需要在元字段中引用任意数量的尺寸表页面。但是,在产品元字段中,您只能链接一个页面。
第 4 步:引用页面并将产品模板应用于特定产品
当您向特定产品添加页面引用时,该页面中的信息将仅与该产品一同显示。如果使用该产品模板的产品将页面引用留空,则链接文本仍将显示为链接。但是,弹窗将为空白,因为没有页面引用,这可能会给您的客户造成困惑。对于有尺寸表的特定产品类型(例如服装或鞋子),您可以使用一个产品页面模板;而对于其他产品类型(例如儿童玩具或珠宝及其他配饰),您可以使用另一个产品模板。
详细了解模板。
步骤:
台式电脑
- 在 Shopify 后台中,转至产品。
- 点击要添加页面引用的产品。
- 在产品元字段部分,点击 尺寸表 页面引用,然后点击选择页面并选择 尺寸表 页面。
- 在模板部分,选择您在第 2 步中创建的 尺寸表 产品页面模板。
- 点击保存。
移动设备
- 在 Shopify 应用中,轻触
图标 。
- 轻触要添加页面引用的产品。
- 在产品元字段部分,轻触 尺寸表 页面引用,然后轻触选择页面并选择 尺寸表 页面。
- 在模板部分,选择您在第 2 步中创建的 尺寸表 产品页面模板。
- 轻触保存或 ✓。
您可以根据需要为任意数量的产品重复这些步骤。