多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
4.商品详情与购买流程 **3.1.**商品详情——操作:立即购买、加入购物车、收藏商品、选择规格、查看商品轮播图; ![](https://img.kancloud.cn/95/21/95213c37cc165ae55af845b8a1dc92d4_1263x848.png) **3.2.**商品详情——展示:店铺信息、商品信息、商品评论、进入店铺、收藏店铺、商品资质、店铺推荐; ![](https://img.kancloud.cn/93/7d/937df7a7a094fda1f408088ad341668a_1204x673.png) **3.3.**点击加入购物车旁边的收藏,即可收藏这个商品,收藏成功之后黑色的星星会变为红色,也会加入我的-商品列表中,下图为收藏之后的效果展示。 ![](https://img.kancloud.cn/8d/25/8d25eebdb2c3e2d03844808b2e03506e_1269x787.png) **3.4**点击收藏店铺,即可收藏这个店铺,收藏成功之后黑色的按钮会变为红色,也会加入我的-店铺列表中,下图为收藏之后的效果展示 ![](https://img.kancloud.cn/c3/f2/c3f2af9485896003d21038ce2769eae9_1179x647.png) **3.5.**点击立即购买时如果没有选择规格会提示请选择规格(图1);选择规格之后会跳转去支付页面(图2) ![](https://img.kancloud.cn/c9/bc/c9bc374296a192d981fba7621f1adc38_1270x750.png) ![](https://img.kancloud.cn/93/57/9357f68d5ca28e4e8d055315f42e8881_1230x771.png) **3.6.**选择配送方式,收货地址,留言,之后点击去支付; ![](https://img.kancloud.cn/1a/92/1a92c9e305e2ce18c0cd365f0689d2c4_1264x787.png) **3.7.**可以选择汇聚余额、汇聚微信支付、站内余额的支付方式;汇聚微信支付,需要手机扫码进行支付;如果使用余额支付,余额足够可直接点击确定支付即可,如果余额不够可点击充值进行充值之后再进行支付。 ![](https://img.kancloud.cn/81/ae/81ae6e4486d8acd4a0bb14f9166cac15_1511x704.png) **3.8.**当有用户对商品进行评论,对应会显示在下图中 ![](https://img.kancloud.cn/55/d9/55d9deb5acdb5f78283a8b4f8bd11da2_1256x652.png)