左侧菜单商品分组组件,几乎是外卖平台,综合性电商平台的标配。餐饮行业、生鲜行业使用率接近100%。

1.进入轻栈【Design Lab】,拖拽【商品分组】到页面,右键编辑,进行常规设置,选择模板--左侧菜单。

2.添加商品类别and添加商品标签,设置商品列表的页面边距,商品边距以及图片填充方式(填充/周边留白)。
3.高级设置,设置商品倒角,勾选显示内容,如有必要,可显示全部内容,包括商品名称、商品描述、商品价格、购买按钮。勾选了购买按钮就有五种购物车样式可选。

4.勾选右侧菜单,真的只是字面上的意思,菜单在右侧就是右侧菜单,其他设置一模一样。

5.选择模板--顶部,可选择展示的商品数量,选择菜单样式,比如选择样式2就是动图显示的效果,菜单位置设置滚动至顶部固定,其实就是菜单栏吸附在页面顶部。

6.选择【顶部】菜单,比左侧(右侧)菜单多了一个设置,就是列表样式,可设置大图模式、一行两个、详细列表、一大两小以及横向滑动。

7.设置一大两小的效果如图7
