- 本次迭代对小程序商城以下功能进行优化。
- 1、商品详情页等页面增加商品推荐。
- 2、增加商品别名和商品描述字段。
- 3、购物车增加失效商品。
- 4、装修组件UI优化。
- 商品推荐
在shop后台【营销】中,新增【商品推荐】菜单,设置小程序商品详情、购物车、搜索框页面底部的商品推荐。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-12-1024x487.png)
开启后可在小程序商品详情、购物车、搜索框页面底部展示商品推荐。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-13-1024x257.png)
![](https://help.dianplus.cn/wp-content/uploads/2022/10/2-11-1024x430.png)
a、商品详情页开启后,在商品详情底部展示。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-14-473x1024.png)
b、购物车页面开启后,当购物车为空时展示。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/2-12-473x1024.png)
c、搜索空页面开启后,当搜索的商品不存在时展示。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/3-7-473x1024.png)
- 商品别名和描述
在【商品】-【商品管理】中,新建和编辑商品新增“商品别名”和“商品描述”字段。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/4-3-1024x487.png)
![](https://help.dianplus.cn/wp-content/uploads/2022/10/5-3-1024x345.png)
a、填写商品别名后,小程序商品详情页和商品列表展示商品别名,不再展示商品名称。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-15.png)
未填写商品别名展示:
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-16-1024x261.png)
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-5-473x1024.jpg)
填写商品名称和商品别名展示:
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-17-1024x257.png)
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-6-473x1024.jpg)
b、填写商品描述后,小程序商品详情页和商品列表展示商品描述,不填则不显示。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-18-1024x232.png)
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-7-473x1024.jpg)
- 购物车优化
在小程序中,下架和售罄的商品,显示为失效商品并置灰。点击右上角清除失效宝贝,可将失效商品从购物车中移除。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/2-13-473x1024.png)
- 小程序UI优化
a、底部导航栏
在【商城】-【底部导航】中,底部导航栏由以前的4个修改为最可多添加5个,最少2个。首页与个人中心固定位置,中间3个可调整顺序。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-19-1024x487.png)
b、组件增加全部商品跳转
在【商城】-【商城首页】中,小程序装修轮播图、文本导航、热点图、栏目导航、图片等组件增加全部商品跳转,跳转到全部商品列表页面。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/2-14-1024x487.png)
c、图片类组件建议图片宽度
图片类组件展示每个组件的建议宽度,会根据不同的图片排列样式给出不同的图片建议宽度。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-20-1024x602.png)
d、商品分类交互优化
对小程序商品分类交互进行优化。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/1-21.png)
e、自定义售罄商品标识
在【商城】-【商城设置】中,商家可自定义售罄商品标识,点击恢复默认图标即可恢复使用默认图标。
![](https://help.dianplus.cn/wp-content/uploads/2022/10/2-15-1024x487.png)