信息图展组件(文档)

信息图展组件,它用于展示站点的文章,产品案例列表,更好的传播站点信息数据。简单容易操作和访客有较好的互动性。如果您的站点没有“文章”或“产品案例”的数据您应该先录入站点的”文章”或”产品案例”数据。此组件为大组件设置项目较多。但更多时候您只需要掌握过滤数据查询信息即可。

相关链接:

如何添加新文章?

如何添加产品案例

 

点击查看”示例和视频操作” >>

 

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,页码-样式模块 , 此处可设置页码的颜色,背景色等。具体请参考下图设置或视频操作。

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了