薇宝小程序商城平台
薇宝小程序商城平台——商城使用指南

一、首页

首页展示商家的logo,商家宣传轮播图(可配置跳转地址跳转到内页)。

下面的每个商品分类,以及每个分类下面的商品(显示6条数据,可以在后台配置显示顺序)。

商品价格显示:如果后台配置原价和折后价格不一至,则原价和折后价都会显示,原价会被中线划去。如果配置一至,则只显示折后价。

微信图片_20190225092941.png


二、分类页

分类页展示后台配置的商城分类,有分类名称和分类图片。分类点进去以后是该分类下的商品列表。

微信图片_20190225093237.png


三、分类商品列表

从商品分类点击进去以后进入分类商品列表页,该页每页显示10条商品,下拉刷新下一页。顶部可按不同的顺序排序商品显示。

微信图片_20190225093526.png


四、商品详情

从某件商品点击进去以后进入商品详情页,主要展示商品详细情况。

右上角显示购物车按钮,如果购物车里有商品,购物车旁边会显示商品数量的红点提示。点击购买时,会弹出选择购买数量和商品属性等弹框,可将商品加入购物车,和去购物车结算。点击喜欢,会将商品加入用户的喜欢列表里去,相当于用户收藏了该商品,下次可直接进入喜欢列表里选择商品购买。点击评论进入商品评论页,用户登录后可对商品进行评论,下面是评论列表,评论列表每页显示10条评论记录,下拉刷新下一页。

微信图片_20190225094238.png

微信图片_20190225094409.png



五、购物车

用户点击购物车,或者从商品详情页点击购物车按钮时会进入购物车页面。如果用户购物车里有商品,在第一次打开时,下面的购物车导航旁边会有红点提示,当用户点击购物车以后,旁边的红点提示会消失。购物车里显示用户选择的商品列表,商品属性,商品总价等。可对商品加减删除全选单选等操作。当用户点击确认购买后,会弹出选择收货地址和商家留言弹窗。选择好后确认购买即可下单。

微信图片_20190225102418.png


六、订单页面

用户确认购买后,进入订单详情页面。订单详情页面展示选择的商品列表,商品属性,收货地址等信息。不购买可点击取消订单,或删除订单按钮进行删除。点击立即支付,打开微信支付页面。当支付完成以后,就没有取消和删除2个按钮了,立即支付按钮变成申请退款按钮,等待商家发货。当商家发货以后就没有申请退款按钮了,这里变成确认收货按钮。但这时商家还是可以在后台里直接给用户退款的。商家在后台里退款以后,用户支付的金额就会返回到用户的微信钱包里。

微信图片_20190225103028.png


七、搜索商品

底部导航点击搜索按钮,进入商品搜索页。输入关键字进行搜索,搜索到的商品会展示在上面。搜索页面下面显示推荐的6件商品。

微信图片_20190225103239.png


八、我的

当首次进入我的没有登录时,我的页面里会显示微信授权登录页面,当点击授权以后,用户下次进入就不需要授权登录了。登录过后会显示和用户相关的操作。我的订单是用户下过的订单列表,每页显示10条,下拉刷新下一页。点击一条订单进入订单详情页面,可支付删除订单。我的地址是用户添加的地址列表,可添加地址。点击添加过的一条地址,可进入编辑地址页面对已经添加过的地址进行编辑。长按一条地址下拉弹出操作按钮,包括编辑地址,设置默认地址,删除地址。可以便捷的对地址进行操作。我的留言,用户可以添加留言给商家,商家看到留言后可对留言进行回复。长按一条留言可选择对留言进行删除操作。我的评论是用户对商品的评论,点击后进入评论的商品详情页面,长按弹出删除可对评论进行删除操作。我喜欢的是用户收藏的商品,长按可删除搜藏。联系商家是后台配置的商家相关信息,方便用户联系商家使用。退出登录后显示微信授权登录,再次点击微信授权登录用户又可以登录商城了。

微信图片_20190225104313.png

微信图片_20190225104409.png

微信图片_20190225104509.png

微信图片_20190225104544.png