第 229 期 Shopify 常见元字段类型的用法汇总和案例讲解

通过 YouTube 观看本期 Shopify 教程

在经营 Shopify 网站时,我们经常会遇到需要存储额外产品信息的场景 - 比如服装的尺码表、电子产品的技术规格、食品的营养成分等。然而,Shopify 默认的产品字段往往无法完全满足这些个性化的需求,这就是 Metafields 元字段发挥作用的地方。

Metafields 是 Shopify 提供的一个强大特性,中文翻译为 “元字段”,它允许你为商店中的任何资源(如产品、产品系列、Pages、博客文章、订单等) 添加自定义字段来存储额外信息。通过 Metafields,你可以:

  • 为产品添加更丰富的技术规格和属性
  • 存储自定义的 SEO 信息
  • 添加产品使用说明或保养信息
  • 自定义订单处理所需的额外字段

通过 Shopify Metafields 元字段,这些额外信息都能够整齐地展示在产品页面上,不仅让顾客更容易找到他们需要的信息,还能减少客服咨询的压力。随着电商竞争的日益激烈,善用 Metafields 已成为打造专业化 Shopify 商店的关键要素之一。

接下来,让我们深入了解如何充分利用这一强大工具。

一、元字段基础

如果你之前没有接触过或者亲自创建并使用过元字段,本期教程将首先通过创建 Shopify 产品副标题为例,向你展示元字段从创建,到设置值(数据),再到使用的三步曲过程,带你上手 Shopify 元字段的创建和使用。

创建和设置路径

Shopify 元字段的设置路径:在 Shopify 店铺后台,点击左下角设置 ~ 自定义数据 ~ 点进想要设置元字段的对象类型,例如:产品 ~ 点击添加定义,就可以看到下图所示的常用元字段类型。

custom.subtitle

详细的操作过程请参考视频演示。

元字段的三种使用方式

  • 通过 Block(中文翻译为:块) 链接动态源数据
  • 通过 Custom Liquid(中文翻译为:自定义 Liquid) 使用
  • 通过代码展示元字段数据(添加到想要展示的位置)
{{ product.metafields.custom.subtitle }}

重要提示

创建元字段之后,在每款产品的编辑界面可以设置不同的副标题内容,这样添加完元字段的引用,就可以在不同的产品上展示各自的副标题。

二、元字段使用案例

如果你已经使用过或者观看过我之前已经发布过的,关于 Shopify 元字段的视频教程,那么我将它们汇总在这里,建议全部看一遍,视频演示相比文字说明更容易理解。

对照视频学习完之后,相信你对于常见的 Shopify 元字段类型的使用就会得心应手。

true 或 false

【第 207 期 让客户在Shopify 产品系列页面快速筛选出促销商品 批量设置元字段】

色值(颜色)

【第 200 期 通用!在 Shopify 产品系列筛选中展示色块 Color Swatch 并支持设置自定义图片】

通过元字段引用元对象

【第 215 期 Shopify 高级教程 元对象使用示例 自定义设置弹窗购物车动态免邮提醒 步骤详解】

文件(PDF 说明书等)

【013. Shopify 免插件实现 PDF 说明书 保养手册 下载】

三、元字段进阶

通过元字段上传图片

  • 创建元字段,类型选择文件,勾选只能上传图片
  • 在 Shopify 店铺后台 ~ 产品编辑页面设置图片,例如:尺码表
  • 在支持设置图片的 块 中链接元字段以展示图片,例如增强版主题中的一项功能,如下图:

这样就能实现每款产品可以设置对应的尺码表或其他图片,而无需单独创建和分配产品模板。

产品类型

元字段也可以引用产品,通过在主题中添加代码,进而展示所引用产品的标题、价格、图片等信息,例如之前做过的一个需求:

如图所示,可以展示商品中已经免费包含的配件。由于实现起来相对复杂,所以不在本期教程中展开。