PAGES CONTENT

Get Started 开始 Mulai Mulakan Bắt đầu

Migrate to SHOPLINE 迁移到SHOPLINE Pindah ke SHOPLINE Berpindah ke SHOPLINE Đồng bộ dữ liệu về SHOPLINE

Your SHOPLINE account SHOPLINE账户 Akun SHOPLINE Anda Akaun SHOPLINE anda Tài khoản SHOPLINE của bạn

Orders 订单 Pesanan Pesanan Đơn hàng

Products 商品 Produk Produk Sản phẩm

Customer 客户 Pelanggan Pelanggan Khách hàng

Marketing 营销 Marketing Marketing Marketing

Apps 相关应用 Aplikasi Apps Ứng dụng

One page shop 一页商店 One page shop One page shop Cửa hàng một trang

Setting 设置 Pengaturan Tetapan Cài đặt

元字段 (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键删除
 
* 如有SHOPLINE功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!
 
还有其它问题?提交请求

评论