1,筛选功能是网站预设筛选条件,访客点击时,可以展示对应的产品,效果如下图所示。
筛选的条件包含产品规格参数和产品分类两种,
产品参数的添加流程:https://help.eyingbao.com/products/guigecanshu.html
产品分类就是在后台产品管理-产品分类里添加。
2,设置好产品参数和分类后,在前台UI编辑页面,添加一个列表控件,设置好列表样式。
3,在列表属性里,有个主列表的选项,需要选开启。
4,在规格参数里,有个列表筛选器,添加到页面上,放在列表上方。
5,在筛选属性里,可以设置确认和重置文本,例如修改成英文的(Confirm和reset)。
6,在设计里,可以调整文本样式、间距、默认的背景色、边框、圆角、阴影等样式。
7,在设置里,可以设置鼠标经过和鼠标点击时的样式,包含文本样式、背景色、边框、圆角、阴影。
8,在项管理里,可以设置筛选的条件和,包含按钮文本和数据来源。数据来源里可以选择该条件调用产品分类还是产品参数。
9,点击“添加”可以新增筛选条件,设置对应的按钮文本和数据来源即可。
10,在项属性里,设置的是当前条件名的展示样式。
11,这样筛选就设置完成了,预览和线上的效果如下,选择好条件后需要点击确认按钮。
常见问题