为了帮助您自主拓展字段,灵活定制商品详情、商品列表页面,SHOPLINE升级元字段(Metafields)工具,通过主题设计的可视化配置实现个性化需求,极大地提升店铺装修的灵活度、拓展性和可定制能力,有效降低您在店铺定制化过程中面临的技术成本。
本文共分为2个部分:
2. 操作步骤
2.1 创建元字段
2.2 给元字段赋值
2.3 根据需求在装修店铺时选择元字段
2.4 修改元字段
1. 功能介绍
元字段(Metafields)工具支持您为商品、商品分类创建特定的拓展字段并展示在页面中,可以添加文本(单行文本&多行文本)、图片、url、数字、颜色、json等,为顾客总结出注意事项、使用说明、展示更多商品细节等,帮助您的店铺获得顾客更多的好感与信任。
1.1 功能效果:
以「女装店」为例,对于其商品详情页,需要对服装信息进行展示,其中包括一些统一的介绍信息,如服装的主图、面料材质、详情图片-颜色展示、洗涤建议、下载文件、设计说明等。您可以应用元字段创建统一规程,统一配置好信息后,可以对不同商品自动生成介绍信息,减少配置的繁琐流程。
-如图在商品管理页面为一件商品加入元字段
-在店铺装修页面的「商品详情页的图文模板组件」添加「图片、文字」元字段,添加后即可在图文模块中显示出各个商品对应的图片和描述文案
例如:商品A 显示商品A的描述和图片
商品B 显示商品B的描述和图片
1.2 应用范围:
所支持的页面及组件:
页面 |
组件 |
商品详情页/商品列表页 |
|
分类页/博客/博客集合/购物车页/404/搜索页面 |
|
所支持的主题:
- Arise主题
- Along主题
- impress主题
- brooklyn主题
- blouse主题
注:除以上主题目前仅在「精选商品」「商品分类-block」组件中有入口地方可以配置元字段
2. 操作步骤
配置元字段共4个步骤,分别为:
①创建元字段 - ②给元字段赋值 - ③根据需求在装修店铺时选择元字段 - ④修改元字段
本文以「女装店」为示例给予参考。
2.1 创建元字段
1.打开首页,点击左下角设置
2.点击元字段
3.在元字段管理页面,有“商品”、“商品分类”、“商品款式”、“页面”可以定义元字段,以“商品”为例
4.点击新增字段
5.给商品创建一个元字段
-如“销售文案”,并赋予命名空间、密钥、描述。选择其数据类型,这里选择“文本”,当然您还可以根据需求选择颜色、文件、json、数字、url。
-当选择文本后,出现选择框「单行文本」或「多行文本」,同样根据需求我们选择多行文本,输入好内容后,点击“创建”按钮。
-创建完成则自动返回列表页,显示弹窗您已创建成功,列表第一行显示您刚才新创建的元字段「销售文案」,这时该字段的「字段值个数」为0。
2.2 给元字段赋值
根据需求,您可以为商品创建多个元字段,如,面料材质、详情图片-面料展示、详情图片-颜色展示、销售文案、洗涤建议等。
创建元字段后,还需要回到商品管理页面,给每个所需商品的元字段填写其对应的值。
1.打开商品管理>商品详情
-如本次打开“法式v领小玫瑰裙子”商品
2.滑到页面下方,出现元字段文本框,填入相应的字段或添加图片,填写后点击更新
3.填写完毕后点击右上角更新,对多个商品依次重复上述填写操作。
4.回到元字段管理页面
-其字段值个数从0到2,发生了变化;“2”代表已经为「销售文案」元字段赋值的商品个数。
2.3 根据需求在装修店铺时选择元字段
创建元字段、给元字段赋值后,您可以在店铺装修时选择元字段应用,以进行统一化配置。
同样以女装店为例,我们希望所有的裙子品类的商品详情介绍是使用统一的样式。
1.在商品详情下方添加2个「图文模块」组件,用来展示主图和面料信息
2.使用元字段创建商品主图的统一样式
-点击「图文模块」组件,点击icon添加元字段
-修改图片为主图,选择完成后点击右下角按钮“完成”
-选择标题,点击右上角icon,将动态源修改为“商品标题”
- 选择文本,点击右上角icon ,将动态源修改为“销售文案”
-同样,对于第二个「图文模块」组件,添加面料图片和面料信息.
-取消按钮文字,最终效果如图所示
3.切换不同商品,预览查看后,商品「商品主图」和「面料信息」自动生成了统一样式
2.4 修改元字段
您同样可以修改元字段,修改元字段的值,及其展示方式
1.修改元字段
-点击主页左下角设置>元字段>查看,进入商品字段管理

2.修改元字段的值
-点击商品>商品管理>商品管理详情页,直接修改后,保存
3.修改其展示方式
-直接点击元字段,可以选择编辑值,编辑链接,更换动态源和删除动态源
-编辑值:将会跳转至商品管理界面,可以直接修改该商品元字段的值
-编辑链接:可以添加跳转至商品分类、商品、自定义页面等
评论