信息图展组件,它用于展示站点的文章,产品案例列表,更好的传播站点信息数据。简单容易操作和访客有较好的互动性。如果您的站点没有“文章”或“产品案例”的数据您应该先录入站点的”文章”或”产品案例”数据。此组件为大组件设置项目较多。但更多时候您只需要掌握过滤数据查询信息即可。
相关链接:
1,如何插入设计组件
只需从左侧的组件控制面板【文章产品列表】中 ,选中信息图展组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。
2,内容选项卡
2.1,布局 -内容模块,请参考下图设置或相关操作视频
(1)显示列数:组件的展示信息表格的列数,可设置2,3,4,5列,如下图设置4列。此选项支持(pc,iPad,手机不同客户端的设置)
(2)每显示信息数:每页展示的数据数量 ,如下图设置的是展示8个数据
(3)显示图片:是否显示图片
(4)源图大小 :尺寸类型分为“小图 150×150”,“中图 300×300”,“中大图 765×765”,“大图 1024×1024”,“原图”。当您上传图片时,你的图片会裁剪生成4张小图,以应对不同的场景更快的加载图片。选择说明:当图片宽度大于源图尺寸时会导致图片像素模糊,但源图尺寸过大会影响加载速度,您需要根据您实际要加载的图片宽度选择尺寸。如png图片要使用透明度,请使用原图。
(5)标题:加载标题数据,参考下图
(6)内容简介:加载文章的内容或简介,参考下图
(7)在浏览器同一窗口打开链接:开启后点击项目在原窗口打开链接,关闭时会在浏览器新建一个窗口弹出项目页。
(8)遮罩层动画:鼠标悬停在项目至上时,遮罩层动画的显示效果。
2.2,数据查询 -内容模块,请参考下图设置或相关操作视频
(1)数据来源:可设置“文章”或“产品案例” ,用于筛选显示站点的数据信息。具体参考下图设置。
(2)分类目录:“文章”或“产品案例”的分类目录,参考下图对应的蓝色参考线
(3)分类目录:“文章的标签,参考下图对应的绿色参考线
下图展示的是数据来源为“产品案例”的设置效果,产品案例多用于展示站点的业务以及案例,人物信息等。更多用于向访客展示站点的业务信息,引起访客注意并主动与站点客服联系询问业务。
2.3,分类标签栏-内容模块, 开启分类标签按钮,如果您已经对您的数据进行分类它会展示数据的分类项目,参考下图的过滤标签。
2.4,页码-内容模块, 此处可设置是否开启页码功能,及页码对齐方向 请参考下图设置或相关操作视频
3,样式选项卡
3.1,展位项目-样式模块,此处可设置项目高度,图片布局等。具体请参考下图设置或视频操作。
3.2,内容-样式模块 , 此处可设置标题,内容颜色,及对齐方向等。具体请参考下图设置或视频操作。
3.3,按钮-样式模块 , 此处可设置按钮的颜色,背景色等。具体请参考下图设置或视频操作
3.4,页码-样式模块 , 此处可设置页码的颜色,背景色等。具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习,感谢阅读。
评论