如何设置一行显示的产品图片数量?

["wechat","weibo","qzone","douban","email"]

在宽屏电脑上,一般一行可以显示4张产品图片就可以,但是到了PAD或手机上,我想控制一行展示的图片数量,需要怎么做呢?

以产品列表组件为例进行介绍:

第1步:把系统页面“产品”页面切换为当前页面或者把相应组件在的页面切换为当前页面;

把产品页面切换为当前页面.png

第2步:进入产品列表组件的“设置”项;把鼠标放到产品所在区域,此区域左上角会出现组件名称及组件相关操作,单击设置按钮,进入此组件设置项,如下图所示:

进入产品列表组件的设置项.png


第3步:单击“风格”标签,有一项“设置响应式变化下不同宽度的图片数量”,选择自定义,就会列出不同的宽度或宽度区间,在每个后面可以设置一行展示的图片数量,然后保存。

设置图片数量.png

第4步:点“发布”按钮发布网站,即可同步到网站前台。

点发布.png