分类1:菜品无规格。加入购物车逻辑

交互流程

规则说明

分类2 :菜品有规格。加入购物车逻辑

交互流程

规则说明

首页-未点餐

首页-已点餐

首页-休息中状态

1

2

3

4

未点餐样式

点餐后样式

5

5 购物车 状态

1)默认为未点餐样式

信息不对应

微辣

首页-购物车

2)购物车商品数≥1时,样式点亮;底部自动核算当前购物车商品总金额

3)快递员图标实时显示已添加菜品总数量,点击图标,从底部弹出购物车弹窗;可进行商品数量添加

4)点击【清空】,购物车商品清0,状态变为未点餐样式

5)有规格商品,进入购物车,仅显示添加数量组件,不再显示【选择规格】

6)购物车菜品>4种,可进行滑动查看。



5

2.拨打电话

点击拨打按钮,页面底部弹框,显示商家电话—>调用手机拨打电话功能进行拨打/取消操作

——首页 页面说明——

1

2

状态

状态说明

营业中

用户可下单点餐

休息中

显示:本店已打样

页面内任何操作无法执行

点击【选择规格】:

点击【加入购物车】

弹窗消失、购物车内商品添加完成,数量默认为1

u343_seg0 u343_seg1 u343_seg2 u343_seg3
u344_seg0 u344_seg1 u344_seg2 u344_seg3

选择菜品规格

点击+号:

u349_seg0 u349_seg1

点击【加号/减号】调整菜品数量

添加数量与购物车菜品数量同步

u351_seg0 u351_seg1

点击图片或商品名称:

u354_seg0 u354_seg1

加减逻辑同上

点击关闭,弹窗取消

u358_seg0 u358_seg1
u360_seg0 u360_seg1 u360_seg2 u360_seg3

点击

【选择规格】

逻辑同上

u362_seg0 u362_seg1

点击图片或商品名称:

1)菜品数量限制:最大值为5位数

2)菜品标题字数限制:展示8个字(英语或数字2个等于1个字符),超过8个显示…

3)列表页-菜品描述:12个字(显示单排),超过显示…点击菜品名称或图片,弹窗详情卡片;

如:后台未设置描述,前台描述模块默认展示菜品名称;

1)卡片-菜品描述:根据后台设置进行展示;

1)规格内容量超过卡片高度….

2) 辣度等规格,单选

3)有规格商品,无法在列表进行数量选择

点击【加入购物车】默认添加数量=1

如果调整,在购物车内进行。

5.菜品展示(菜品展示共分为2类)

1 .营业状态

3 .菜品分类

单排文字最大显示4个字数,超过4个折行显示;字数根据后台设置进行展示





3

4

7)点击【去结算】,页面跳转至-提交订单页

8)商品总和:仅进行菜品费用总和

u378_seg0
u379_seg0