如何使用自定义字段筛选组件？

一、什么是自定义字段筛选组件?

  自定义字段筛选组件实现的是在当卖家商城中的产品较多时，可以在产品列表上添加“自定义字段筛选”组件，方便买家根据产品的不同自定义字段来筛选想要的产品。

二、如何使用自定义字段筛选组件？

1.如何查看自定义字段筛选组件是否已经存在？

如果这个自定义字段筛选组件已经存在了，就不需要再添加，直接根据需要进行相关操作就可以（具体操作见下文所述）；

 如果你的页面上需要这个组件，但是还没有添加，就需要先添加自定义字段筛选组件了；

2.如何添加自定义字段筛选组件？

在页面上添加组件的方法都是一样的，

添加的组件名称为“自定义字段筛选组件”，如下图1所示：

3.如何设置自定义字段筛选组件？

3.1 进入组件的“设置”分两种场景

1）此组件已经添加好的场景：进入所有这类组件设置项方法都是一样的，

2）新添加的组件的场景：在添加此组件时会弹出这个组件的的设置话框。

3.2 在组件的设置中可以设置组件展示的内容

3.2.1 选择欲筛选字段，拖动可以调整字段顺序。

3.2.2 设置自定义字段筛选组件的风格

单击“风格”按钮，即可切换到风格页签下，设置展示风格：

选中上图所示的一种风格，设置好之后单击“保存”即可。

3.3 保存组件设置中的内容

组件的内容、风格设置好以后，单击设置框右下角的“保存”按钮；

4、保存、预览、发布

设置好以上内容以后要单击页面右上角的“保存”按钮，目的是把此修改保存到网站后台；

然后可以单击“预览”按钮查看不同终端下展示的效果，如果不合适可以到后台再做修改；

如果需要让访客也看到，请单击页面右上角的“发布”按钮，发布之后稍等两分钟左右即可看网站前台展示效果。

新增功能（2019年4月10日更新）

1、自定义字段筛选组件新增风格；

【应用场景】自定义字段组件筛选样式单一并且无法对其进行样式调整。为了满足多样式的商城需求，黑蝠新增一组自定义字段筛选风格，让前台用户进行产品筛选时样式更加多样化，操作更简单快捷。

【应用效果】在产品组件中选择自定义字段筛选组件，点击风格，选择第二个风格样式，在样式下方你也可以自定义选项被选中以后的颜色，如下截图所示：

前台展示应用效果如下截图所示：

2、新增“自定义字段筛选”组件纵向展示风格（2019年7月16日更新）
【应用场景】根据服务商对于“自定义字段筛选”组件的排版需求，增加了一种在侧边栏中展示的纵向风格，可以很好地解决产品数量较多时的分层筛选要求；
【操作指导】在侧边栏合适的位置添加“自定义字段筛选”组件并选择筛选的字段后（提前确定产品添加到自定义的字段中），选择风格。如下图所示：

3、“自定义字段筛选”组件新增一种风格；（2019年8月20日更新）

【应用效果】自定义字段菜单可以展开和收起，客户可以通过选择不同字段下的文本，展示相应的产品。如下图所示：