使用元字段向产品页面添加弹出窗口

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

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

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

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

这是一个四步教程,其中介绍了页面引用元字段、为页面引用创建产品元字段、为在线商店创建产品页面模板、添加新页面、引用特定产品中的页面,以及将产品页面模板应用于特定产品。

如果您有 Online Store 2.0 模板,则可以使用模板编辑器来将大多数元字段连接到您的模板。如果您使用经典模板,或者您要添加您的模板不支持的元字段类型,则可以编辑您的模板代码,或聘请 Shopify 合作伙伴

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

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

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

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

步骤:

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

如果您有 Online Store 2.0 模板,则可以使用模板编辑器将文件引用连接到您的模板。如果您使用经典模板,或者您要添加您的模板不支持的元字段类型,则可以编辑您的模板代码,或聘请 Shopify 合作伙伴

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

连接动态源图标

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

步骤:

步骤 3:添加包含您的产品信息的页面

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

步骤:

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

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

当您添加对特定产品的页面引用时,该页面的信息只会与该产品一起显示。如果您将使用该产品模板的产品的页面引用留空,链接文本仍将显示为链接。但是,弹出窗口将为空且没有页面引用,这可能使您的客户感到困惑。在这种情况下,您可以对特定产品类型使用不同的产品页面模板。例如,您可以在弹出窗口块中为具有尺码表页面的服装创建产品模板,然后,您可以为不需要添加弹出窗口块的包袋产品创建产品模板。

详细了解模板

步骤:

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

准备好开始使用 Shopify 进行销售了吗?

免费试用