**“可视化DIY”,同步预览前端装修效果**
商城目前的首页布局也是DIY装修的,各模块自由组合拼接,满足商城个性化装修设计。
相较而言,“可视化DIY”最大的特点便是后台布局装修时能够同步预览前端效果图,因此谓之“可视化”DIY。
如下图是“可视化DIY”操作界面,左侧是基础、营销等组件,中间是商城前端效果图,右侧是具体的设置。
![微信图片_20181129163304.png](https://www.zjhejiang.com/uploads/201812051543975024793703.png "201812051543975024793703.png")
点击左侧的组件,效果图就会出现对应的模块,在效果图中点击对应模块,就可以在右侧进行具体的设置,包括商品上传、列表样式选择等,并根据效果图进行细节调整。
**可保存N个DIY模板**
进行DIY页面设计的时候支持创建多个模板并保存。
![微信截图_20181201144319.png](https://fp1.fghrsh.net/2019/05/15/e7b3bf2333dc6532d70be7fb92c9b4a1.png)
**支持商城多页面DIY**
不只是商城首页可以进行DIY!
原本首页链接页面只能选择系统固定模板,通过可视化DIY,可以将设计好的DIY模板添加到自定义页面,自定义页面会出现在“可选链接”中,通过首页模块点击链接就能进入到自定义页面。
![微信截图_20181201144403.png](https://fp1.fghrsh.net/2019/05/15/ba0c32f8bd80d75922e7fe0a17849b3f.png)
![企业微信截图_15436511184119.png](https://www.zjhejiang.com/uploads/201812051543975250151471.png "201812051543975250151471.png")
**新增亮点功能**
除了在设计装修的操作上更简单体贴之外,可视化DIY还附加了许多亮眼功能:
**商品左右滑动展示**
![1.png](https://www.zjhejiang.com/uploads/201812051543975563318423.png "201812051543975563318423.png")
**秒杀倒计时**
**![微信截图_20181201145849.png](https://www.zjhejiang.com/uploads/201812051543975594706145.png "201812051543975594706145.png")**
**流量主**
**![微信截图_20181201150712.png](https://www.zjhejiang.com/uploads/201812051543975617558422.png "201812051543975617558422.png")**
**弹窗广告**
**![微信截图_20181201145516.png](https://www.zjhejiang.com/uploads/201812051543975641965249.png "201812051543975641965249.png")**
除了上述功能之外,通过可视化DIY功能还可以对各个组件进行细节的自定义设计,比如按钮的样式、文字、空白间距等等。