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

Analytics 分析 Analitik Analitis Phân tích & Báo cáo

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

创建模版丨创建和选择模板(Template)

模板(Template):针对「商品详情页、商品列表页、博客页、博客集合页、自定义页面」支持创建模板,在每个模板中可为其配置不同的页面样式和内容,丰富网站展示多样性;如商品详情页,对不同的品类(服装、鞋子),可以针对其品类特性,自定义不同的模板。

注:目前仅「2.1、2.0、1.0Pro」主题支持创建模板,其中Blouse、Impress不支持对商品列表页创建模板

本文将以【商品详情页】和【自定义页面】为展示例子说明。

目录:

1. 功能示例说明

2. 【商品详情页】配置路径

3. 【自定义页面】配置路径

4. 其他您可能关心的问题

 

1. 功能示例说明

以【Arise】主题的【商品详情页】为例,其他主题和页面同理

例如,一个家具店铺,对不同的品类的详情页(座椅、柜子)有不同的展示需求。那么您可以在商品详情页创建模板“座椅详情页”和“柜子详情页”,对详情页进行编辑装修,从而将更多的【座椅】品类商品和“座椅详情页”链接,更多的【柜子】品类商品和“柜子详情页”链接。

1. 商品详情页不同的模板

image__9_.png

 

2. 不同的模板分别进行装修,其内容、排版可以有所不同

- 对于【柜子详情页】模板,根据其商品特点将详情页以组件商品详情、图文模块*3、视频、评论模块和图片横幅组成,其效果如右图所示。

image__11_.png                       __1.png

 

- 对于【座椅详情页】模板,根据其座椅商品特点,将详情页以组件商品详情、富文本、图文模块*2、媒体拼接、图文列表、最近浏览的商品组成,其效果如右图所示。

  image__12_.png              __2.png

 

2. 【商品详情页】配置路径

模板配置主要分为4步:创建模板→预览模板→分配模板至商品→修改模板

以【Arise】主题的【商品详情页】为例,其他主题和页面同理

 

2.1 创建模板

1. 切换页面上方的下拉菜单至【商品详情页】2.1-1.png

 

2. 选择【创建模板】
2.1-2.png
 

3. 给新模板命名,选择基于的模板

- 根据品类或品类特点给模板命名,选择基于的模板,当您未自己创建模板时会基于【默认模板】创建;当您已有自己创建过的模板,可以根据需要选择其他已创建过的模板。

2.1-3.png

 

4. 创建模板成功

- 当创建模板成功后,页面左上角会显示您创建的模板名称,接下来就可以进行改模板的设计与装修了。

image__13_.png

- 装修后,点击保存
2.1-5.png
 

2.2 预览模板

当您想预览该模板在不同商品的装修效果时,可以使用预览功能,如图所示,点击页面红框内的下拉三角,切换预览的商品

image__14_.png

您可以直接跳转至商品Admin,编辑商品的信息。

image__15_.png

 

2.3 分配模板至商品

创建完新模板后,商品详情页仍然保持原有模板,还需要将「模板」分配给相应的商品,这样该商品的详情页才会以您新创建的模板展示。

该步骤可通过两个入口完成,分别是1. 编辑器页面分配模板(可进行批量分配) 2.Admin商品管理页面分配模板

1.编辑器页面分配模板

点击分配,右侧会出现待分配商品一栏

image__16_.png

 

根据需求单选、或多选相应的商品,点击分配,即可将模板和商品绑定
image__17_.png
image__18_.png
 
同时,您可以一键分配该模板给「店铺全部已上架」的商品
image__19_.png
image__20_.pngimage__21_.png

 

④您也可以一键分配该模板给「筛选条件下」的商品

image__22_.png

⑤分配完成后,模板名称下方会出现已分配该模板的商品数,点击分配-已分配,可以查看分配了该模板的商品

image__23_.png

 

2. 在Admin商品管理页面分配模板

当您在创建新的商品,并且有明确分配的模板意向时,您可以从Admin商品管理处选择模板。

①在【商品管理详情页】下滑至右下侧,选择刚才创建的【座椅详情页】模板(注:此处仅展示当前发布主题中创建的模板)

2.2-3.png
 
②选择更新
2.2-4.png
 
 

2.4 修改模板

您也可以对已创建的模板进行修改。

1. 点击编辑页面上方的下拉菜单,选择您需要修改的模板

2.3-1.png

2.进行装修后,点击页面右上方保存按钮,即可修改成功

 

3. 【自定义页面】模板配置路径

【自定义页面】模板配置主要分为4步:创建模板→预览模板→分配模板至自定义页面→修改模板

以【Arise】主题的【自定义页面】为例,其他博客/博客集合页面同理。

3.1 创建模板

1.在【自定义页面】创建模板前,首先要保证您已经创建过一个自定义页面了。

有关如何创建自定义页面:点击后台首页的在线商店>自定义页面,点击中心按钮“创建新页面”

3-1-1.png

 

填写页面标题,如About Us,点击右下角“创建”按钮,创建成功后浏览器会自动跳转至新页面,显示您刚创建的自定义页面“About Us”

3-1-2.png

 

2. 回到店铺装修首页,切换页面上方的下拉菜单至【自定义页面】

3-1-3.png

 

3.选择【创建模板】

3-1-4.png

 

4.给新模板命名,选择基于的模板
- 根据品类或品类特点给模板命名,选择基于的模板,当您未自己创建模板时会基于【默认模板】创建;当您已有自己创建过的模板,可以根据需要选择其他已创建过的模板。

3-1-5.png

 

5.创建模板成功
- 当创建模板成功后,页面左上角会显示您创建的模板名称“有关我们”,接下来就可以进行改模板的设计与装修了。
image__24_.png
 

-装修后,点击保存

3-1-7.png

 

3.2 预览模板

当您想预览该模板在不同自定义页面的装修效果时,可以使用预览功能,如图所示,点击页面红框内的下拉三角,切换预览的自定义页面。

image__25_.png

您可以直接跳转至Admin自定义页面编辑处,编辑自定义页面的信息。

image__26_.png

 

3.3 分配模板至自定义页面

创建完新模板后,【自定义页面】仍然保持原有模板,还需要将【模板】分配给相应的【自定义页面】,这样该页面才会以您新创建的模板展示。

该步骤可通过两个入口完成,分别是1. 编辑器页面直接分配 2.Admin后台分配

1.编辑器页面直接分配

点击「分配」,右侧会出现待分配自定义页面一栏,选择需要链接的自定义页面“About Us”,点击右下角蓝色「分配」按钮确认。

image__27_.png

 

2. 在Admin自定义页面管理处

当您在创建新的自定义页面,并且有明确分配的模板意向时,您可以从Admin自定义页面管理处选择模板。

 
image__28_.png
 

3.3 修改模板

您也可以对已创建的模板进行修改。

1. 点击编辑页面上方的下拉菜单,选择您需要修改的模板

3-3-1.png

2.进行装修后,点击页面右上方保存按钮,即可修改成功

 

4. 其他您可能关心的问题

4.1 主题和模板的关系

【主题】是指店铺的风格,目前SHOPLINE针对不同行业目前推出20款主题,让您可以打造符合品牌风格的商店。具体查看新手指引店铺设计

【模板(template)】是指可以对同一类型的页面创建不同的模板;例如对商品详情页创建A、B模板,对A、B模板可以配置不同的样式,所有的商品都可选择A、B模板,最终显示不同的页面样式;

  • 模板创建是基于主题维度的,一个主题所有页面可以最多创建1000个模板。在主题A中创建的模板不能迁移至主题B中,即当您更换发布店铺主题B时,商品与原有主题A下模板1的链接会自动消失
    • 当您再次切换回主题A时,如果您在主题B中没有给商品绑定任何新增模板,原有的模板1与商品链接依旧保持。
    • 当您再次切换回主题A时,如果您在主题B中给商品链接了新增模板,那么当您再次回到主题A时,该商品将会取消与模板1的链接,而回到默认模板。
  • 待发布的主题支持预览功能,不支持分配功能。
  • 对于商品和博客,分配操作仅针对操作时,已上架的商品和已发布的博客,未上架的商品和未发布的博客不给予支持。

4.2 复制商品、商品分类时系统会自动同步复制此商品选择的模板选项

当您在商品>商品管理页面复制一个商品时,新商品会自动同步复制已有商品的模板选项。在商品>分类管理页面同理。

3.2-2.png3.2-1.png

 

* 如有SHOPLINE功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

评论