页面设计

页面装修 (v4.4.4)

一、功能介绍

页面装修分为商城首页、商品分类和个人中心

二、操作流程

设置 > 页面管理 > 页面设计 > 首页装修

三、功能说明

1. 商城首页

  1. 商城首页可进行DIY设计,自由搭建首页模块及样式
  2. 可创建多个页面,创建的页面为专题页,可作为独立的页面使用

操作方法
① 添加组件
点击左侧组件库内模块,即可自动添加相应模块至页面最底部
拖动左侧组件库内模块,至中间预览页,即可在相应位置添加模块
② 编辑模块
点击中间预览页模块,最右侧则会弹出相应编辑内容说明,可进行颜色、间距、数值、等相应的编辑调整
③ 提交保存, 提交后自动生效。

2. 商品分类

商品分类有三种样式可选择
样式一
左侧展示一级分类,右侧展示二级分类
样式二
左侧展示一级分类,右侧顶部展示二级分类,列表展示商品大图
设置商品大图:商品 > 商品列表 > 编辑商品 > 商品推荐图
样式三
左侧展示一级分类,右侧顶部展示二级分类,列表展示商品

3. 个人中心

个人中心有三种样式可选择,同时可对个人中心的数据进行编辑
开启广告位则可以添加对应广告链接

1、商城首页 (v4.3+)

1.1、可视化编辑

商城首页可进行可视化编辑,编辑页面内容

首页页面设计

1.2、DIY设计(标准版v4.4及之后的版本)

设计说明:
商城首页可进行DIY设计,自由搭建首页模块及样式
可创建多个页面,创建的页面为专题页,可作为独立的页面使用
操作方法:
① 添加组件
点击左侧组件库内模块,即可自动添加相应模块至页面最底部
拖动左侧组件库内模块,至中间预览页,即可在相应位置添加模块
② 编辑模块
点击中间预览页模块,最右侧则会弹出相应编辑内容说明,可进行颜色、间距、数值、等相应的编辑调整
③ 提交保存

注:
1.DIY编辑,不需要打包页面,保存提交即可生效。
2.目前仅默认模板支持DIY,其他模板只能配置数据。

2、商品分类

商品分类有三种样式可选择,选择一个之后点击保存即可更换成功

3、个人中心

个人中心有三种样式可选,同时订单的图标自带五种图标风格,可根据自己的需求自由切换