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

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

注:目前仅「Wink、Arise、Blouse、Brooklyn、Impress、Along」主题支持创建模板,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功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

还有其它问题?提交请求

评论