轻栈学堂
快速上手品牌电商独立运营

教育类小程序商城 | 轻栈免费小程序教程
专栏:轻栈案例
发布日期:2021-05-29
阅读量:2112
作者:轻栈insarea
收藏:
右键编辑,进行常规设置,模板(电商)有三种展示方式,全部商品可勾选不展示或展示,菜单样式(三种可选),设置菜单位置,还有商品分组列表添加。
教育类小程序商城-轻栈免费用户小程序商城

****甄选



1622279259274027430.jpg






案例效果

1622279690449017160.gif





案例分析


教育类小程序,亲子教育是永不过时的课题,教育孩子少不了方法,陪伴和玩具,这就是一个实体商品和虚拟商品都有出售的综合性小程序商城。


1622281844970011185.jpg





使用的模块功能

这个小程序商城使用的模块有搜索,轮播多图,商品分组。


1.搜索

拖拽「搜索」模块到合适位置,右键编辑,进行常规设置,选择搜索框风格,开启或关闭扫码能力。

1615365678825094663.png


进行搜索设置,搜索范围可勾选商品搜索和博客搜索。搜索提示,这里输入的文字直接显示在搜索框中,热门搜索框里可以添加多一些关键词是用户常搜的,或者商家希望顾客搜索的词,有引导的作用。


开启历史记录就能看到搜索过的词。


1615365456942074948.png


右键【编辑样式】,可以修改搜索框常规和内容区的参数,包括内外边距,边框,高度等等,编辑完成记得点击右下角【确定】按钮。

1615365746802081076.png


可以看到搜索框的左侧是空白的,是这样设置的,右键 ->编辑样式,自定义边距就可以实现。

1615430335049071899.jpg




2.轮播多图

拖拽「轮播多图」模块到合适位置,右键编辑模块,可添加多张图片(不超过10张),选择图片展示样式(高度不限,宽度推荐750px),点击小笔图标添加图片跳转链接。


1602821590829015518.png




跳转指定商品,添加外部链接,填写商品链接(从dis....开始)

1599273993584038072.jpg




3.商品分组


拖拽「商品分组」模块到合适位置,右键编辑,进行常规设置。

1618019977492070788.gif



右键编辑,进行常规设置,模板(电商)有三种展示方式,全部商品可勾选不展示或展示,菜单样式(三种可选),设置菜单位置,还有商品分组列表添加。


常规设置中,模板有三种可以选,分别是顶部,左侧菜单和右侧菜单。第一和第二种模板(电商)顶部分组和左侧分组是常见的分组方式。左侧菜单商品分组近年很多行业的小程序都在用,包括生鲜,奶茶,综合电商小程序。

1618021785156000108.jpg



全部商品可以勾选--显示/不显示,就是简单直观,勾选展示就有全部商品大分类,勾选不展示就没有咯。


1618023958748019898.jpg





导航的样式有三种,根据自己的商城风格进行选择即可,看看分别设置不同样式之后的效果。

1618025440611080703.jpg


菜单位置勾线滚动到顶部固定,效果如下:

不少人询问过菜单导航顶部吸附的问题,这样设置就可以实现了。


1618025981615058205.gif




商品分组列表,可以选择添加商品类别,还可以选择添加商品标签

1618026172251025629.jpg



Tip:商品类别和商品标签在【电商系统】发布商品时设置


商品类别就是发布商品,新建分类的那些分类,一级、二级、三级商品分类都可以选。

商品标签可以点击左上【标签管理】按钮进行管理,也可以在发布商品进行编辑,高级设置也可以选择标签或添加新的标签。


1618026498449002767.jpg



常规设置的模板(电商)如果选择左侧菜单或右侧菜单,选择商品分组列表即设置完成。


1618026719357084062.jpg





择商品分组列表即设置完成



1618026279127021088.jpg


进行常规设置时,选择了第一个模板(电商)-顶部,即可设置列表样式,这几个样式和电商列表模块的样式相似。

1618027583713003256.jpg



高级设置,可设置商品图片是直角还是圆角,显示内容可选择商品名称、商品描述、商品价格、购买按钮,按钮样式有五种可以选择。

1618027350936094968.jpg


本案例版权归轻栈用户所有,未经允许,不得随意使用

上一页:电子配件类小程序商城 | 轻栈免费用户小程序商城
下一页:农产品小程序商城 | 轻栈免费小程序案例
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用