元字段 (Metafields) 功能使用指南

元字段功能能够让您在 SHOLINE后台中存储拓展字段,以此来实现店铺外观定制、功能定制的效果。通过使用元字段,您能够实现对店铺设计和商品页面的个性化配置或多样化展示效果,例如:

  • 在商品详情页中为您的多款商品添加不同的使用说明书
  • 在不同的商品列表页中,添加不同的折扣优惠信息
  • 为服饰商品添加不同的材质说明、洗涤建议等
  • 为首饰类商品,添加「克拉数」展示信息
  • 为不同的商品,添加不同的发货公告

 

此篇文章将分为5个部分:

1.元字段使用步骤概览

2.元字段简介

   2.1元字段的组成

   2.2元字段的数据类型

3.创建元字段

4.给元字段赋值

5.如何在主题设计中配置元字段

   5.1在编辑器中插入元字段动态源

   5.2在Layout Engine代码中插入调用代码

 

每个元字段将只对单独的”资源类型“生效,因此要使用元字段,您将需要先确定您要创建元字段的资源类型,

1.元字段使用步骤概览

第一步:选择资源类型:每个元字段将只对单独的”资源类型“生效,因此要使用元字段,您将需要先确定您要创建元字段的资源类型

  • 目前元字段的功能支持「商品」「商品款式」「商品系列」「页面」资源类型

第二步:输入元字段的基本信息

第三步:在您的店铺Admin后台为元字段赋值

第四步:在页面编辑器中插入动态源或者在SHOPLINE Layout Engine里插入调用代码

 

2.元字段简介

2.1元字段的组成

输入元字段的基本信息元字段由「字段名称」「命名空间(Namespace)」「键(key)」「描述(Description)」以及「数据类型」组成

  • 命名空间(Namespace):用以储存元字段的键,可以通俗理解为储存键的盒子
  • 键(Key):元字段的名称,用以指向某元字段,通俗理解为此元字段的代码标识
  • 数据类型(Content_type):元字段的数据类型,当前已支持多种数据类型,将在后续做详细介绍
  • 描述(Description):字段的描述,用于帮助您在赋值时输入正确的值
  • 值(Value):元字段的值

 

2.2元字段的数据类型

以下为元字段功能的

数据类型

子类

特性

使用场景举例

文本

单行文本

支持单行纯文本输入

添加您的商品的发货公告

多行文本

支持多行纯文本输入

为您的产品添加产品成分介绍表表:

颜色

支持 #RRGGBB 格式的 RGB 值

为您的页面添加底色

文件

图片

支持上传大小为10MB以内JPG,JEPG,PNG,GIF格式的图片

上传本地图片

pdf

支持上传大小为10MB以内的pdf文件

上传本地pdf文件

Json

支持用于高级用例的原始 JSON 数据。

在店铺页面中添加自定义模块

数字

整数

仅支持输入整数

添加书籍商品的特定页数说明

小数

支持输入整数+小数

在商品详情页中添加珠宝的克拉数信息

URL

支持 添加HTTP、HTTPS 和 mailto:

在您的商品详情页添加url链接

 

 

3.创建元字段

下面将以「创建商品资源类型元字段」为例进行介绍。

第一步:打开SHOPLINE店铺后台,点击「设置」,在设置中点击「元字段」模块

mceclip0.png

第二步:选择您要创建元字段的资源类型,目前仅支持创建「商品」「商品分类」「商品款式」「页面」资源类型的元字段。

在此流程中,我们选则商品资源类型进行元字段的创建

mceclip2.png

第三步:点击「创建字段定义」

mceclip3.png

第四步:填写字段名称、命名空间、密钥、以及描述,并选择您需要的数据类型,完毕后点击创建

mceclip4.png

第五步:创建完毕

mceclip5.png

 

元字段创建完毕后,您可以对元字段进行赋值

 

4.给元字段赋值

第一步:选择您要赋值的资源类型,上一流程中我们创建的元字段的资源类型是「商品」,因此我们将前往SHOPLINE Admin的商品页面进行赋值。选择您要赋值的具体商品,在此流程中。我们将选择第一个商品

mceclip7.png

第二步:在页面底部找到「元字段」模块,选定元字段进行赋值。您可以输入的值的类型取决于元字段的数据类型。

mceclip8.png完成对元字段的赋值流程。

 

5.如何在主题设计中配置元字段

5.1在编辑器中插入元字段动态源

请点击查看具体操作指引:

元字段 (Metafields) | 如何在主题设计中配置元字段

 

5.2在Layout Engine代码中插入调用代码

元字段创建并赋值完毕后,您可以在店铺后台-设置-元字段中找到对应字段的调用代码,复制后可在Layout Engine在线代码编辑器中应用以实现您的定制化需求。

mceclip1.png

注:若要访问在线代码编辑器,请联系SHOPLINE在线客服或建站顾问。

还有其它问题?提交请求

评论