▶ 筛选
更新时间:2023/12/20

1,筛选功能是网站预设筛选条件,访客点击时,可以展示对应的产品,效果如下图所示。

筛选的条件包含产品规格参数和产品分类两种,
产品参数的添加流程:https://help.eyingbao.com/products/guigecanshu.html
产品分类就是在后台产品管理-产品分类里添加。


1


2,设置好产品参数和分类后,在前台UI编辑页面,添加一个列表控件,设置好列表样式。


1.png


3,在列表属性里,有个主列表的选项,需要选开启。


QQ截图20231220100155.png


4,在规格参数里,有个列表筛选器,添加到页面上,放在列表上方。


1.png


5,在筛选属性里,可以设置确认和重置文本,例如修改成英文的(Confirm和reset)。


1.png


6,在设计里,可以调整文本样式、间距、默认的背景色、边框、圆角、阴影等样式。


1.png


7,在设置里,可以设置鼠标经过和鼠标点击时的样式,包含文本样式、背景色、边框、圆角、阴影。


1.png


8,在项管理里,可以设置筛选的条件和,包含按钮文本和数据来源。数据来源里可以选择该条件调用产品分类还是产品参数。


1.png


9,点击“添加”可以新增筛选条件,设置对应的按钮文本和数据来源即可。


1.png


10,在项属性里,设置的是当前条件名的展示样式。


1.png


11,这样筛选就设置完成了,预览和线上的效果如下,选择好条件后需要点击确认按钮。


1.png



上一篇:时间轴
下一篇:视频列表

常见问题

帮助中心纠错
提交