跳转到内容
返回官网

首页装饰

核心场景 自定义 H5 商城首页模板与常用组件展示。

首页装饰功能可供用户定制首页显示内容,如常用模块快递导航,热门分类展示,热门商品展示,新闻公告等内容。

菜单: 商城管理 > 首页装饰

一、创建新的首页模板

  • 首页装饰>操作列:复制 ,将当前操作行的模板创建一个副本,在此模板的基础上进行修改.

  • 首页装饰>添加模板 ,创建一个全新的模板,这是一个全新的空白页面,用户按照自己的需求,将需要的组件拖到中间区域然后进行编辑.

新的模板设计保存后,需确认是否”设为首页”,有”在使用”标签的模板即为H5商城使用的模板.

通用系统模板

不能编辑为全平台通用默认模板,可复制创建店铺私有模板,店铺模板支持自定义设计。

m_baefca24ed848fd45cbb18db3eb38160_r

模版设计

自定义编辑首页显示模块与内容。

设计页面分3个区域,左侧组件选择去,中间预览区,右侧编辑区。设计时,可将左侧组件拖动到中间预览区域,然后再右侧编辑区域进行自定义编辑。编辑效果可实时预览效果,也可在模板列表页面预览效果。

二、常用组件

以下为常用组件的编辑示范,其他未示范组件的编辑基本相同。

1. 头部组件设计

2. 头部组件轮播图

m_82c1b231939f57784bfacf67e2b02cd4_r

3. 搜索热词特别说明

m_87d4191697dacf7d3266525d2c53ac7c_r

4. H5端 搜索页面的展示效果

m_df8e93bafe204441148a27ae58e5778b_r

5. 头部组件选项卡

m_b1b815264930cdfa48be50705ad074e3_r

6. 头部组件搜索框

m_85d1e1c1cf1cdc6e147200deafb33e07_r m_8c2918df82ac969da986a68b66703d92_r

8. 导航组设计

m_06175907640deea2904c80d5d2327621_r

9. 商品列表设计

m_0f8738e7643302d5f988e143704b1381_r

10. 轮播图设计

m_12987236babd286598369f0e621ec7a7_r

通用链接选择的使用

链接选择设置对应的链接,点击后可一键直达该动能,分如下几大类:

  • 商城页面:为H5商城中的各功能点。

  • 商品页面:可直接跳转到对应的商品详情,或指定分类的商品列表

  • 文章页面:可在H5商城中展示在用户自己在后台维护的文章内容,如帮助文档,新闻公告等。

  • 自定义:可直接跳转到指定的链接

  • 微页面:即切换模板样式功能,用户一般不需设置或选择此处。

m_77f0a603fb1e109c28bd9d72b22905f2_r