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

为了帮助您自主拓展字段,灵活定制商品详情、商品列表页面,SHOPLINE升级元字段(Metafields)工具,通过主题设计的可视化配置实现个性化需求,极大地提升店铺装修的灵活度、拓展性和可定制能力,有效降低您在店铺定制化过程中面临的技术成本。

 

本文共分为2个部分:

1. 功能介绍
    1.1 功能效果:
    1.2 应用范围:


2. 操作步骤
    2.1 创建元字段
    2.2 给元字段赋值
    2.3 根据需求在装修店铺时选择元字段
    2.4 修改元字段

 

1. 功能介绍

元字段(Metafields)工具支持您为商品、商品分类创建特定的拓展字段并展示在页面中,可以添加文本(单行文本&多行文本)、图片、url、数字、颜色、json等,为顾客总结出注意事项、使用说明、展示更多商品细节等,帮助您的店铺获得顾客更多的好感与信任。

1.1 功能效果:

「女装店」为例,对于其商品详情页,需要对服装信息进行展示,其中包括一些统一的介绍信息,如服装的主图、面料材质、详情图片-颜色展示、洗涤建议、下载文件、设计说明等。您可以应用元字段创建统一规程,统一配置好信息后,可以对不同商品自动生成介绍信息,减少配置的繁琐流程。

 

-如图在商品管理页面为一件商品加入元字段

1-1-1.png

 

-在店铺装修页面的「商品详情页的图文模板组件」添加「图片、文字」元字段,添加后即可在图文模块中显示出各个商品对应的图片和描述文案

mceclip10.png

 

例如:商品A 显示商品A的描述和图片

__1.png

商品B 显示商品B的描述和图片

__2.png

 

1.2 应用范围:

所支持的页面及组件:

页面

组件

商品详情页/商品列表页

  • 除页头和页尾的任何组件

分类页/博客/博客集合/购物车页/404/搜索页面

  • 单个商品
  • 精选商品组件
  • 商品分类组件

所支持的主题:

  • Arise主题
  • Along主题
  • impress主题
  • brooklyn主题
  • blouse主题

注:除以上主题目前仅在「精选商品」「商品分类-block」组件中有入口地方可以配置元字段

 

2. 操作步骤

配置元字段共4个步骤,分别为:

①创建元字段 - ②给元字段赋值 - ③根据需求在装修店铺时选择元字段 - ④修改元字段

本文以「女装店」为示例给予参考。

2.1 创建元字段

1.打开首页,点击左下角设置

2-1-1.png

 

2.点击元字段

2-1-2.png

 

3.在元字段管理页面,有“商品”、“商品分类”、“商品款式”、“页面”可以定义元字段,以“商品”为例

2-1-3.png

 

4.点击新增字段

2-1-4.png

 

5.给商品创建一个元字段

-如“销售文案”,并赋予命名空间、密钥、描述。选择其数据类型,这里选择“文本”,当然您还可以根据需求选择颜色、文件、json、数字、url。

2-1-5.png

 

-当选择文本后,出现选择框「单行文本」「多行文本」,同样根据需求我们选择多行文本,输入好内容后,点击“创建”按钮。

mceclip0.png

 

-创建完成则自动返回列表页,显示弹窗您已创建成功,列表第一行显示您刚才新创建的元字段「销售文案」,这时该字段的「字段值个数」为0。

mceclip1.png

 

2.2 给元字段赋值

根据需求,您可以为商品创建多个元字段,如,面料材质、详情图片-面料展示、详情图片-颜色展示、销售文案、洗涤建议等。

mceclip1.png

 

创建元字段后,还需要回到商品管理页面,给每个所需商品的元字段填写其对应的值。

 

1.打开商品管理>商品详情

-如本次打开“法式v领小玫瑰裙子”商品

2-2-2-.png

 

2.滑到页面下方,出现元字段文本框,填入相应的字段或添加图片,填写后点击更新

mceclip5.png

 

3.填写完毕后点击右上角更新,对多个商品依次重复上述填写操作。

 

4.回到元字段管理页面

-其字段值个数从0到2,发生了变化;“2”代表已经为「销售文案」元字段赋值的商品个数。

mceclip2.png

 

2.3 根据需求在装修店铺时选择元字段

创建元字段、给元字段赋值后,您可以在店铺装修时选择元字段应用,以进行统一化配置。

同样以女装店为例,我们希望所有的裙子品类的商品详情介绍是使用统一的样式。

 

1.在商品详情下方添加2个「图文模块」组件,用来展示主图和面料信息

mceclip0.png

 

2.使用元字段创建商品主图的统一样式

-点击「图文模块」组件,点击icon添加元字段

mceclip1.png

 

-修改图片为主图,选择完成后点击右下角按钮“完成”

mceclip3.png

 

-选择标题,点击右上角icon,将动态源修改为“商品标题”

mceclip4.png

- 选择文本,点击右上角icon ,将动态源修改为“销售文案”

mceclip5.png

-同样,对于第二个「图文模块」组件,添加面料图片和面料信息.

mceclip11.png

-取消按钮文字,最终效果如图所示

mceclip12.png

 

3.切换不同商品,预览查看后,商品「商品主图」和「面料信息」自动生成了统一样式

mceclip13.png

 

2.4 修改元字段

您同样可以修改元字段,修改元字段的值,及其展示方式

1.修改元字段

-点击主页左下角设置>元字段>查看,进入商品字段管理

2-4-1.png

 

-此时只可以对字段名称描述进行修改
2-4-2.png
 

2.修改元字段的值

-点击商品>商品管理>商品管理详情页,直接修改后,保存

2-4-3.png

 

3.修改其展示方式

-直接点击元字段,可以选择编辑值,编辑链接,更换动态源和删除动态源

mceclip8.png

 

-编辑值:将会跳转至商品管理界面,可以直接修改该商品元字段的值

-编辑链接:可以添加跳转至商品分类、商品、自定义页面等

mceclip9.png

-更换动态源:可以更换至其他元字段
-删除动态源:直接删除,也可以按住键盘delete键删除
 
还有其它问题?提交请求

评论