向产品页面添加弹出式尺寸表

元字段可帮助您自定义 Shopify 商店的功能和外观,方法是让您保存 Shopify 后台通常不会捕获的专门信息。元字段可以在您的 Shopify 后台内部使用,您也可以选择在在线商店中显示它们。

通过元字段,您可以向弹出式块添加页面引用,此操作会在您的产品页面上显示一个链接。点击此链接后,系统会打开一个显示页面内容的弹出窗口。您可以使用页面的富文本编辑器来添加图片和其他媒体文件。

您可以向产品页面添加的弹出式信息的一些示例如下:

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

本教程分为 4 个步骤,将介绍页面引用元字段、为页面引用创建产品元字段、为在线商店创建产品页面模板、添加新页面、在特定产品中引用页面以及将产品页面模板应用于特定产品。您可以使用本教程在弹出窗口中创建任何所需内容。本教程通篇使用尺寸表示例。

本教程需要使用支持动态源的模板。如果您使用的是旧版模板,或者您想添加模板不支持的元字段类型,那么您可以编辑模板代码聘请 Shopify 合作伙伴

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

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

借助页面引用元字段,您可以通过为不同类型的产品创建不同页面来显示不同的产品信息。例如,您可以为两个不同的年龄段创建两个不同的尺寸表页面(例如幼儿尺寸表和婴儿尺寸表),然后您可以仅将幼儿尺寸的页面引用添加到幼儿产品中。

您需要为页面引用创建元字段定义,才能将其连接到模板编辑器中的弹出式块。创建元字段定义时,默认情况下会选择店面访问权限

步骤:

台式电脑
  1. 在 Shopify 后台中,转至设置 > 元字段和元对象

  2. 元字段定义部分,点击产品

  3. 点击添加定义

  4. 名称字段中,输入 尺寸表

  5. 点击 ⊕ 选择类型

  6. 从下拉菜单中选择页面。默认情况下,系统会选择一个页面

  7. 点击保存

移动设备
  1. Shopify app 中,轻触 菜单,然后轻触 设置 设置

  2. 商店设置 部分中,轻触 元字段和元对象

  3. 元字段定义部分,轻触产品

  4. 轻触 +

  5. 名称字段中,输入 尺寸表

  6. 轻触 + 选择类型

  7. 轻触以从下拉菜单中选择页面。默认情况下,系统会选择一个页面

  8. 轻触保存

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

本教程需要使用支持动态源的模板。如果您使用的是旧版模板,或者您想添加模板不支持的元字段类型,那么您可以编辑模板代码聘请 Shopify 合作伙伴

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

连接动态资源图标

如果您不想为所有产品添加尺寸表弹窗链接,则需要创建新的产品页面模板。在以下步骤中,您将创建一个新的产品页面模板,但您也可以选择自定义现有产品页面模板。

步骤:

台式电脑
  1. 在 Shopify 后台中,转至在线商店 > 模板
  2. 在您要自定义的模板旁,点击编辑模板
  3. 在编辑器顶部的主页下拉菜单中,依次点击产品⊕ 创建模板以创建和自定义新模板。
  4. 在“分区”导航侧边栏中,转到模板 > 产品信息块,然后点击 ⊕ 添加块
  5. 点击弹窗
  6. 链接标签字段中,输入 尺寸表。此文本是客户为查看弹窗页面内容而点击的文本。
  7. 页面旁边,点击动态资源图标,然后点击以选择您创建的页面引用元字段。
  8. 点击保存
移动设备
  1. Shopify app 中,轻触 菜单 图标。

  2. 销售渠道 部分中,轻触 在线商店 > 管理所有模版

  3. 轻触要自定义的模板的编辑模板

  4. 在编辑器顶部的主页下拉菜单中,轻触产品,然后轻触 ⊕ 创建模板以创建和自定义新模板。

  5. 在“分区”导航侧边栏中,转到模板 > 产品信息块,然后轻触 ⊕ 添加块

  6. 轻触弹窗

  7. 链接标签字段中,输入 尺寸表。此文本是客户为查看弹窗页面内容而点击的文本。

  8. 页面旁边,轻触动态资源图标,然后轻触以选择您创建的页面引用元字段。

  9. 轻触保存

第 3 步:添加包含尺寸表的页面

您需要创建一个包含尺寸表内容的页面,以供元字段引用。如果您已创建了页面,则可以跳到第 4 步。

步骤:

台式电脑
  1. 在 Shopify 后台中,转至在线商店 > 页面
  2. 点击添加页面
  3. 标题字段中,输入 尺寸表,然后在内容中添加尺寸表信息。
  4. 可见性部分,将页面设置为可见
  5. 点击保存
移动设备
  1. Shopify app 中,轻触 菜单 图标。

  2. 在 **销售渠道** 部分中,轻触 **在线商店** > **页面**。

  3. 轻触添加页面

  4. 标题字段中,输入 尺寸表,然后在内容中添加尺寸表信息。

  5. 可见性部分,将页面设置为可见

  6. 轻触保存

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

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

当您向特定产品添加页面引用时,该页面中的信息将仅与该产品一同显示。如果使用该产品模板的产品将页面引用留空,则链接文本仍将显示为链接。但是,弹窗将为空白,因为没有页面引用,这可能会给您的客户造成困惑。对于有尺寸表的特定产品类型(例如服装或鞋子),您可以使用一个产品页面模板;而对于其他产品类型(例如儿童玩具或珠宝及其他配饰),您可以使用另一个产品模板。

详细了解模板

步骤:

台式电脑
  1. 在 Shopify 后台中,转至产品
  2. 点击要添加页面引用的产品。
  3. 产品元字段部分,点击 尺寸表 页面引用,然后点击选择页面并选择 尺寸表 页面。
  4. 模板部分,选择您在第 2 步中创建的 尺寸表 产品页面模板。
  5. 点击保存
移动设备
  1. Shopify 应用中,轻触 产品 图标 。
  2. 轻触要添加页面引用的产品。
  3. 产品元字段部分,轻触 尺寸表 页面引用,然后轻触选择页面并选择 尺寸表 页面。
  4. 模板部分,选择您在第 2 步中创建的 尺寸表 产品页面模板。
  5. 轻触保存

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