在 OS 3.0 主题编辑器中配置动态源 (Metafield)
动态源 (Metafield) 允许您在店铺前台动态引用店铺内部的实时数据,用以取代手动输入的静态内容。通过将组件连接至动态源,您可以确保产品特性或系列标签等独特细节在整个店铺中保持实时更新与一致。目前,该功能主要支持「商品」与「商品分类」两类资源的元字段。
本文将说明如何定义自定义数据(元字段)、理解三种数据抓取维度,以及如何利用「最近资源」逻辑实现产品列表的自动化展示。
开始之前
在展示动态内容之前,您必须先定义自定义数据字段(元字段)并为您的产品或系列添加具体数值。
- 在 SHOPLINE admin 后台,前往【设置】>【自定义数据】。
- 选择您想要创建的资源类型(例如【商品】或【商品分类】)。
- 点击【添加字段】以创建新字段。
- 前往具体项目(例如:产品详情页),在【元字段】区域为该项目输入所需字段。然后,点击【添加】以保存设置。
| 注意: 有关如何创建和管理元字段的详细指南,请参阅《元字段 (Metafields) 功能使用指南》。 |
三大动态资源解析
OS 3.0 主题编辑器采用了一套通用的底层机制,适用于所有 OS 3.0 主题(包括官方、第三方及自定义主题)与组件。根据组件在页面中所处位置的不同,系统提供以下三种数据抓取逻辑,以满足多样化的展示需求:
当前页面资源
- 运作逻辑: 这是一种固定的数据逻辑,完全由消费者当前访问的「页面网址 (URL)」决定。
- 应用场景: 适用于商品详情页或商品分类页的固定位置。
- 效果: 当消费者访问 A 商品页时,系统自动识别 URL 并锁定 A 商品的元字段。组件只要连接至「当前商品」,即可自动抓取该页面的专属资料。
当前组件资源
- 运作逻辑: 基于「组件自身层级」的设定,不依赖所在页面。组件层级配置了什么数据,底下的模块就会读取什么数据。
- 应用场景: 适用于可放置在任意页面(如首页)的独立组件,如「特色推荐商品」section。
- 效果: 商家必须先在组件的最高层级手动绑定一个资源(如:夏季促销分类)。绑定后,内部模块选择「当前组件」,即可精准抓取该分类资料,避免因找不到源头而显示空白。
最近资源
- 运作逻辑: 采用「由下往上逐层寻找」的逻辑。section 会从当前结构出发,向上寻找离它最近的一层有效数据源并套用。
- 应用场景: 主要用于商品列表页或搜索结果页。
- 效果: 解决了列表页卡片无法识别循环中「单一商品」数据的痛点。卡片内的元素(如标题、图片)只要设定为「最近资源」,就会自动匹配列表赋予它的该项商品数据。
理解与使用「最近资源」
最近资源机制是实现自动化布局的核心突破。在处理大量商品展示时,最近资源能确保每个商品卡片都能精准展示对应的独特属性(如:饮料的酒精含量或服装的面料构成)。
为什么使用最近资源
- 自动化: 您无需再为商品中的每个独立卡片手动分配数据。
- 精细化展示: 直接在列表或搜索结果的产品卡片上展示特定属性(例如:饮料的酒精含量或衣服的面料类型)。
如何配置最近资源
- 在 OS 3.0 主题编辑器 中,前往包含商品列表的页面(例如:商品详情页)。
- 选中商品详情模板内的某个 block(例如:商品描述 block)。
- 点击旁边的【添加动态源】图标。
- 在【最近资源】分类下选择【最近商品】。
- 选择您想要展示的具体【元字段】并点击【保存】。
使用场景:产品列表 vs. 独立组件
选择正确的资源维度取决于组件在页面中的应用方式:
-
场景一:商品列表页
- 应用位置: 位于商品列表页或搜索结果页的商品。
- 配置方式: 为商品卡片内的模块选择【最近资源】。
- 效果: 这能确保商品中的每一张卡片都能自动匹配其对应的商品特性,实现批量展示。
-
场景二:在任意页面添加商品展示分区
- 应用位置: 当您在首页或自定义页面上添加「特色推荐商品」或「商品列表」等 section。
- 配置方式: 您必须先在组件层级 (Section Level) 手动指定一个固定的数据源(例如绑定「夏季新品」分类)。
- 效果: 允许您在非商品模板页面上,精准展示特定范围的商品动态信息,实现更灵活的店铺布局。
| 重要: 若未先在组件层级指定数据源,下方的模块将无法「向上查找」到数据源,导致内容显示为空。 |
常见问题
Q 1. 如何在商品分类页的商品列表上,让每张商品卡片显示個別商品的元字段?
您必须使用「最近资源」机制。
- 常见误区: 在商品分类页中,系统默认的「当前页面资源」抓取的是整个「商品分类」的资料。如果直接套用,卡片将无法获取单个商品的独特属性(如:酒精含量、面料材质)。
- 正确解法: 请在编辑器中点击商品卡片内的特定模块(如文本框),将动态源设定为寻找最近资源下的最近商品。
- 背后原理: 当系统产生商品列表时,会自动将单体商品数据赋予对应的卡片。设定为最近资源后,该模块会「由下往上」精准抓取最靠近它的那笔商品元字段数据,从而实现差异化展示。