培训类小程序商城 | 轻栈免费小程序教程
轻栈insarea
轻栈案例
2021-08-12
培训小程序商城/教育类商城小程序-轻栈免费用户小程序商城

****培训






案例效果

1628741236982006202.gif




案例分析


培训类小程序商城,热门行业小程序商城。



使用的模块功能

这个小程序商城使用的模块有搜索,音乐,在线地图,轮播多图,广告图片,电商列表。



1.搜索

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

1615365678825094663.png


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


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


1615365456942074948.png


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

1615365746802081076.png


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

1615430335049071899.jpg


2.背景音乐

点击左侧「系统」开启背景音乐,点击添加音乐,可以选择开启自动播放,循环播放,播放开关,开关位置右上,右下,左上,左下。

1623379842387004333.jpg



3.在线地图

拖拽「在线地图」模块到合适位置,右键编辑。进行常规设置,新增标记地址,完善详细地址信息即可。用户可以通过地图,通过导航找到商家门店。1623315851582038647.jpg



4.轮播多图

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

1602821590829015518.png



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

1599273993584038072.jpg



5.广告图片

拖拽【广告图片】模块组件到合适位置,右键编辑

1616406343289099874.jpg




动图:

1616984961399026219.gif




点击编辑图片热点

1616405882211073225.jpg




6.电商列表


拖拽「商品列表」模块到合适位置,右键编辑模块。


进行常规设置,风格选择第三个,一行展示两个商品,类型选择图文,商品列表可以选择所有商品、指定商品、使用筛选条件。
可以进行参数设置,比如如果只想显示价格和购物车的话,就勾选这两个选项。



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

阅读量:2619
上一页:服装配饰小程序商城 | 轻栈免费小程序教程
下一页:单品小程序商城 | 轻栈免费小程序教程