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

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

注:目前仅「Arise、Blouse、Brooklyn、Impress、Along」主题支持创建模板,Blouse、Impress不支持对商品列表页创建模板

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

目录:

1. 功能示例说明

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

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

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

 

1. 功能示例说明

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

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

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

_1-1.png

 

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

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

_1-2.png                       __1.png

 

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

_1-3.png                  __2.png

 

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

模板配置主要分为3步:创建模板→选择模板→修改模板

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

 

2.1 创建模板

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

 

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

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

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

2.1-3.png

 

4. 创建模板成功

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

2.1-4.png

 

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

2.2 选择模板

创建完新模板后,商品详情页仍然保持原有模板,还需要将【商品】与【模板】链接,这样该商品的详情页才会以您新创建的模板展示。

该步骤可通过两个入口完成,分别是1. 店铺装修页面 2.shopline后台首页的商品-商品管理-点击相应商品管理详情页

1. 店铺装修页面

①点击预览,右侧会出现预览商品一栏

2.2-1.png

 

②在左侧点击该商品,浏览器跳转新页面至【商品管理详情页】
2.2-2.png
 
③ 在【商品管理详情页】下滑至右下侧,选择刚才创建的【座椅详情页】模板(注:此处仅展示当前发布主题中创建的模板)
2.2-3.png
 
④ 选择更新
2.2-4.png
 

2. shopline后台首页的商品-商品管理-点击相应商品管理详情页

①在后台首页点击【商品管理】,并选中相应的商品

2.2-5.png

 

②在【商品管理详情页】下滑至右下侧,选择刚才创建的【座椅详情页】模板(注:此处仅展示当前发布主题中创建的模板)
2.2-6.png
 
③选择更新
2.2-7.png
 

2.3 修改模板

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

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

2.3-1.png

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

 

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

【自定义页面】模板配置主要分为3步:创建模板→选择模板→修改模板

以【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.创建模板成功
- 当创建模板成功后,页面左上角会显示您创建的模板名称“有关我们”,接下来就可以进行改模板的设计与装修了。
3-1-6.png
 

-装修后,点击保存

3-1-7.png

 

3.2 选择模板

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

该步骤可通过两个入口完成,分别是1. 店铺装修页面 2.shopline后台首页的在线商店>自定义页面>点击相应自定义管理详情页

1.店铺装修页面

①点击预览,右侧会出现预览商品一栏,选择需要链接的自定义页面“About Us”

3-2-1.png

 

②在左侧点击该自定义页面,浏览器跳转新页面至【自定义页面详情页】
3-2-2.png
 
③在【自定义页面详情页】右下角下拉菜单选择刚装修好的模板“有关我们”
3-2-3.png
 
④选择更新
3-2-4.png
 

2.shopline后台首页的在线商店>自定义页面>点击相应自定义管理详情页

①在后台首页点击自定义页面,选择需要链接的自定义页面

3-2-5.png

 

②在【自定义详情页】下滑至右下侧,选择刚才创建的【有关我们】模板(注:此处仅展示当前发布主题中创建的模板)
3-2-6.png
 
③选择更新
3-2-7.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

还有其它问题?提交请求

评论