小程序生成(小商小站+智慧预约)

品牌多端快速上线,公域私域流量快速传播获客

完全免费,海量模板(可定制),无须任何技术投入

产品运营等无技术背景同学上线小程序首选方案

立即创建
行业应用

有客365PMS

增长实验室

敬请期待...

助力中小商户品牌传播与获客
产品中心 小程序模板
登录/注册
售前客服热线
136-9345-8144
售后支持热线
136-9345-8144
或见官方使用文档

多图文模块-小程序编辑设计系列教程7

2020-08-07 15:44:32

免费创建小程序教程-如何使用多图文模块

什么是多图文模块?

多图文模块能实现展示多张图片的效果,能让用户在小程序有限的空间里预览多张图片。常用多图文来配置轮播效果,并配合运营位的动态数据,用户可在后台设置不同的轮播内容。

image.png

image.png

如何添加多图文模块?

编辑器左侧高级模块中拖入指定位置或点击(追加到页面尾部)”多图文“模块添加。

image.png

如何使用多图文模块?

1. 设置多图文样式

支持3种不同的多图文样式:轮播样式、两列图片+标题,两列图片+标题(标题在图片底部),还可设置切换的效果及展示位置。

image.png

2. 图文设置

2.1自定义图文

右侧选择自定义图文,可对图片进行增加修改删除、设置链接及描述

image.png

添加、修改、删除图片操作

image.png

设置图片链接

image.png

设置图片描述

image.png

2.2关联运营位banner

右侧选择关联运营位banner,运营位在商户也叫广告位,一个banner可以对应一个广告位。

image.png

若没有banner位(广告位)和广告内容,需要用户去后台添加,添加好后再返回编辑器中选择关联。广告内容支持定时上下线,方便运营同学管理。

image.png

2.3关联服务分类列表

右侧选择服务分类列表,可设置关联的服务列表

image.png

若没有服务分类列表,需要用户去后台添加,添加好后再返回编辑器中设置

image.png

2.4关联文章分类列表

右侧选择文章分类列表,可设置关联的文章列表

image.png

如没有文章分类列表,需要用户去后台添加,添加好后再返回编辑器中设置

image.png

3. 模块名称及样式设置

点击模块空白处,可自定义模块名称,如不需要显示模块名称,可勾选隐藏。

image.png

点击模块空白处,选择右侧的样式,可调整整体字体颜色、图片边框、阴影及高度。

image.png