💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
### 模板管理 ![](https://box.kancloud.cn/c414e350b700f94379eca9ad10a8233a_1346x292.png) **“可视化DIY”,同步预览前端装修效果** 商城目前的首页布局也是DIY装修的,各模块自由组合拼接,满足商城个性化装修设计。 相较首页布局而言,“可视化DIY”最大的特点便是后台布局装修时能够同步预览前端效果图,因此谓之“可视化”DIY。 如下图是“可视化DIY”操作界面,左侧是基础、营销等组件,中间是商城前端效果图,右侧是具体的设置。![](https://img.kancloud.cn/da/8c/da8ce2c8dfedc6e964c3fdf23b179b9a_1311x772.png) **点击左侧的组件**,效果图就会出现对应的模块。在效果图**中点击对应模块**,就可以在**右侧进行具体的设置**,包括商品上传、列表样式选择等,并根据效果图进行细节调整。 **可保存N个DIY模板** 进行DIY页面设计的时候支持创建多个模板、自定义页面保存。 #### 添加模板 ![](https://box.kancloud.cn/b07451244ceca677030832d70570b9c0_839x483.png) **基础组件** * 搜索 ![](https://box.kancloud.cn/d81fcb2672646a336d01b13219b6c149_933x447.png) * 导航图标 * 每行个数可选3、4、5 ![](https://box.kancloud.cn/a3dfee32001ce5d9b7c1a70199188f33_930x503.png) * 轮播广告 ![](https://box.kancloud.cn/09e8c655333bf10bfe5177ff29252c95_930x399.png) * 公告 ![](https://box.kancloud.cn/fba49f03291fd209c45b2130d06ed0a1_910x572.png) * * 弹窗设置 ![](https://box.kancloud.cn/8b90d183da88f71fbc6385f9cd216e4e_791x732.png) * 专题-简易模式 ![](https://box.kancloud.cn/e2a4388c2ee61c3008d066d0f2cecff0_857x644.png) * 专题-列表模式 ![](https://box.kancloud.cn/2a5d33223e19dbff505a877aa3c042b1_918x592.png) * 关联链接 ![](https://box.kancloud.cn/586e5cfb42c82d403116ab62740309e5_900x674.png) * 图片广告 ![](https://box.kancloud.cn/6dcb21a2f2584e820138908c8a287d46_981x650.png) **图片热区** 图片热区是的新增功能,在一张图片上,制作任意尺寸的四边形区域,并添加链接的一种方式,可以实现在一张图片上,点击不同区域跳转不同页面的效果。 ![热区.gif](https://www.zjhejiang.com/uploads/201907181563420139800294.gif "201907181563420139800294.gif") * 支持自定义魔方(选择自定义魔方的时候需要选择宽度和高度) ![](https://box.kancloud.cn/ac520c1f8f3b3dcc6ccef9706449cf35_1106x517.png) * 视频 ![](https://box.kancloud.cn/4506b9c6ff9d5e7345376728dda320e3_1114x301.png) * 商品 (需要在外面添加好商品,才能在diy商品列表添加商品) ![](https://img.kancloud.cn/1b/d9/1bd9de4ab61ceef485d89fa251b99f5c_1037x742.png) * 门店 (需要在外面店铺管理,内容管理,门店管理里添加好门店) ![](https://box.kancloud.cn/58263db1e7efe49d0a7d9b87204a97ea_703x518.png) * 版权 ![](https://box.kancloud.cn/28d0b091151c6907d40f328eb69fd303_1153x335.png) * 签到 * 热区里面可以选择鼠标点击的范围,点击就该范围内就可以点击签到 ![](https://box.kancloud.cn/74bf13ad0643b8268c3816654b7b3ca5_829x378.png) * 用户信息 ![](https://box.kancloud.cn/381f11d9977b08ffa8d3cfcb5cc2c8ba_833x303.png) * 订单入口 ![](https://box.kancloud.cn/34a38af5b56d2459f5171d9bc3c2b9c8_1055x218.png) * 地图 ![](https://box.kancloud.cn/4231ed5d13030e7239dcbd1b26d16635_1076x640.png) * 微信公众号 ![](https://box.kancloud.cn/55dcc782ace07c635f9d01a69f886ac7_808x183.png) **营销组件** * 优惠券 ![](https://box.kancloud.cn/ba07c4fba84fd25fd05c4764601f9426_766x436.png) * 倒计时 ![](https://box.kancloud.cn/f5b3bfcbd0562957b1c11a249c9389f4_870x302.png) * 好店推荐 ![](https://box.kancloud.cn/09604145f82ea212911f0b32c53bc79c_692x277.png) * 拼团 (需要在外面拼团里添加好商品) ![](https://box.kancloud.cn/77533cb92b579436e37374e5be88c621_1078x724.png) * 预约 (需要在外面预约里添加好商品) ![](https://box.kancloud.cn/24b880ed0234fec18788f5916ee1a96c_1053x734.png) * 秒杀 (需要在外面秒杀里添加好商品) ![](https://box.kancloud.cn/6e7f50ecef7f36e0340fc40d4fdf48fc_1073x716.png) * 砍价 (需要在外面砍价里添加好商品) ![](https://box.kancloud.cn/6cf2ad610bdef42c43215910601bd157_1070x713.png) * 积分商城 (需要在外面积分商城里添加好商品) ![](https://box.kancloud.cn/ab03ab70a820e7a48d9dd9d9f3490a7b_1037x730.png) * 抽奖 (需要在外面幸运抽奖里添加好商品) ![](https://box.kancloud.cn/a06fcc23e0f681dce5080710f9861568_1063x714.png) **其他组件** * 空白块 ![](https://box.kancloud.cn/6a99f13d22c075a7a7f51e96eb8b3c4f_1077x172.png) * 流量主广告 ![](https://box.kancloud.cn/e6506351a17a52ea15001b10d5e19058_1085x173.png) * 弹窗广告 ![](https://box.kancloud.cn/01a0b8a0b648e7eb2f25b9792ace5684_872x495.png) * 快捷导航 ![](https://box.kancloud.cn/1581e387aadbcf68c389bad68154fee2_1079x667.png)