第 229 期 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 店铺后台 ~ 产品编辑页面设置图片,例如:尺码表
- 在支持设置图片的 块 中链接元字段以展示图片,例如增强版主题中的一项功能,如下图:
这样就能实现每款产品可以设置对应的尺码表或其他图片,而无需单独创建和分配产品模板。
产品类型
元字段也可以引用产品,通过在主题中添加代码,进而展示所引用产品的标题、价格、图片等信息,例如之前做过的一个需求:
如图所示,可以展示商品中已经免费包含的配件。由于实现起来相对复杂,所以不在本期教程中展开。