添加组件【商品分组】,制作小程序商城
轻栈insarea
轻栈insarea微头条
2024-04-01

上一次我们介绍了导航菜单滚动到小程序顶部固定,菜单导航的“磁吸”效果设置方法。


用轻栈平台开发小程序商城,打开编辑器【Design Lab】,拖拽添加【商品分组】组件,除了设置导航菜单滚动到顶部固定,还有其他展示样式,也是常见、常用的。

1711960429457072375.jpg


选择【左侧菜单】,得到的商品分组效果很有存在感。电商平台的商品分类,外卖小程序、烘焙小程序、奶茶小程序等等,很多用左侧菜单来分类。这个组件能够直观、简洁地按不同分类展示商品,便于顾客找到所需商品,直接加购物车。

1711960432686021342.jpg



右键编辑模块:
-- 常规:选择模板(电商),选择商品分组列表。
-- 商品列表:页面边距、商品间距、图片填充 填充/周边留白。
-- 商品倒角(直角/倒角),显示内容(商品名称、商品描述、商品价格、购买按钮),按钮样式有4种可选。

1711960431017050754.jpg



调整参数,得到想要的商品展示效果。

1711960428985072907.jpg


阅读量:1344
上一页:商品分组没介绍完,继续开发小程序商城
下一页:​给小程序设置滚动到顶部固定的导航栏