原创:轻栈
制作小程序商城,常见的小程序首页布局非常简单,搜索模块+轮播多图+魔方导航+电商列表,四个组件随意排列组合就可以构建成一个小程序。
当所有的小程序都是差不多一个模子印出来的时候,你需要做一点不一样的东西出来,让你的小程序给别人留下深刻的印象。
有了想法就要付诸行动,随机打开一个不那么商城性质的小程序,分析一下布局,然后“改造”成自己的。比如:打开b站的小程序,它长这样:
就是很随意地找一个小程序,马上改造成自己的小程序。
第一个组件是搜索框,所以添加【搜索】组件,右键编辑,修改基本参数,这里只需要选择相似的搜索风格,还可以进行搜索设置,规定搜索范围,输入搜索提示的关键词和输入热门搜索词。
第二个组件可以用商品分组来实现,把【商品分组】拖拽到搜索模块下方,右键编辑。
模板选择第一个--顶部,可设置展示的商品数量,样式选择第一个,菜单位置选择滚动到顶部固定,最后添加商品分组列表,当列表样式选择详细列表时,就有以下效果:
是不是有那味儿了?继续操作,你会发现展示的是商品主图,而不是视频,那就换其他组件来实现。用导航组件和电商列表组件组合,就能实现想要的效果。
点击查看商品导购视频,就跟平时刷短视频一样的,手指向上滑动就能切换到下一个商品,左侧还有对应的商品小卡片,点击就能把商品加入购物车。
接下来编辑底部导航,同样只需要右键编辑,图标、服务名称、链接地址都可以设置。
至此,小程序首页设置完成。可以留意到,底部导航除了“首页”,还有“分类”和“我的”,点击跳转到新的页面。
编辑当前页面,同样可以添加组件,用轻栈开发小程序,添加组件的数量和种类都没有限制,分类页有很多是添加魔方导航的,那这里我们直接拖拽添加这个组件就完成页面的制作了。
点击底部导航的“我的”,跳转到用户会员中心。会员中心显示的内容在【会员系统】中可以设置,可以根据实际情况展示内容。
温馨提示:制作商城型小程序要把电商系统保持开启状态。假如你想搭建的是展示型的小程序,就可以把电商系统关闭。
总结,找不到灵感时,随机打开一个小程序,使用不同的组件,组合成符合自己小程序定位的布局,找设计灵感就是这么简单的事情,只要添加的图片比较美观,小程序的最终效果就不会差!
快来用这个方法开发你的小程序吧,不需要模板,也不怕跟其他小程序“撞型”,轻松制作专属小程序商城。
来电咨询