1,筛选功能是网站预设筛选条件,访客点击时,可以展示对应的产品,效果如下图所示。
筛选的条件包含产品规格参数和产品分类两种,
产品参数的添加流程:https://help.eyingbao.com/products/guigecanshu.html
产品分类就是在后台产品管理-产品分类里添加。
2,设置好产品参数和分类后,在前台UI编辑页面,添加一个列表控件,设置好列表样式。
3,在列表属性里,有个主列表的选项,需要选开启。
4,在规格参数里,有个列表筛选器,添加到页面上,放在列表上方。
5,在筛选属性里,可以设置确认和重置文本,例如修改成英文的(Confirm和reset)。
6,在设计里,可以调整文本样式、间距、默认的背景色、边框、圆角、阴影等样式。
7,在设置里,可以设置鼠标经过和鼠标点击时的样式,包含文本样式、背景色、边框、圆角、阴影。
8,在项管理里,可以设置筛选的条件。筛选条件包含分类和参数两种。其中“分类”和“次级分类”是系统默认的,不支持删除。不使用的话可以隐藏。“分类”作为筛选条件时,可以选择全部分类或某个分类的次级。“次级分类”不能单独使用,需要和“分类”一起用,开启“次级分类”后,系统将根据已选择的“分类”信息中的产品分类数据,自动匹配并显示相应的次级分类选项。
9,如果不使用分类,可以设置隐藏。在自定义项里,数据来源里可以选择产品参数作为筛选条件。并设置对应的按钮文本即可。点击“添加”按钮可以添加更多的筛选条件。
10,在项属性里,设置的是当前条件名的展示样式。
11,这样筛选就设置完成了,预览和线上的效果如下,选择好条件后需要点击确认按钮。
常见问题