分类1:菜品无规格。加入购物车逻辑
交互流程
规则说明
分类2 :菜品有规格。加入购物车逻辑
交互流程
规则说明
首页-未点餐
首页-已点餐
首页-休息中状态
1
2
3
4
未点餐样式
点餐后样式
5
5 购物车 状态
1)默认为未点餐样式
信息不对应
微辣
首页-购物车
2)购物车商品数≥1时,样式点亮;底部自动核算当前购物车商品总金额
3)快递员图标实时显示已添加菜品总数量,点击图标,从底部弹出购物车弹窗;可进行商品数量添加
4)点击【清空】,购物车商品清0,状态变为未点餐样式
5)有规格商品,进入购物车,仅显示添加数量组件,不再显示【选择规格】
6)购物车菜品>4种,可进行滑动查看。
5
2.拨打电话
点击拨打按钮,页面底部弹框,显示商家电话—>调用手机拨打电话功能进行拨打/取消操作
——首页 页面说明——
1
2
状态
状态说明
营业中
用户可下单点餐
休息中
显示:本店已打样
页面内任何操作无法执行
点击【选择规格】:
点击【加入购物车】
弹窗消失、购物车内商品添加完成,数量默认为1
选择菜品规格
点击+号:
点击【加号/减号】调整菜品数量
添加数量与购物车菜品数量同步
点击图片或商品名称:
加减逻辑同上
点击关闭,弹窗取消
点击
【选择规格】
逻辑同上
点击图片或商品名称:
1)菜品数量限制:最大值为5位数
2)菜品标题字数限制:展示8个字(英语或数字2个等于1个字符),超过8个显示…
3)列表页-菜品描述:12个字(显示单排),超过显示…点击菜品名称或图片,弹窗详情卡片;
如:后台未设置描述,前台描述模块默认展示菜品名称;
1)卡片-菜品描述:根据后台设置进行展示;
1)规格内容量超过卡片高度….
2) 辣度等规格,单选
3)有规格商品,无法在列表进行数量选择
点击【加入购物车】默认添加数量=1
如果调整,在购物车内进行。
5.菜品展示(菜品展示共分为2类)
1 .营业状态
3 .菜品分类
单排文字最大显示4个字数,超过4个折行显示;字数根据后台设置进行展示
3
4
7)点击【去结算】,页面跳转至-提交订单页
8)商品总和:仅进行菜品费用总和