文档导航

条件过滤器

如果你的产品型号众多、参数复杂,一个强大的多条件筛选器将是提升询盘转化率的神器。在 SX-Creval 系统中,你无需任何开发,只需“搭积木”般组合输入框,就能为你的产品大厅部署一套工业级/电商级的参数选型引擎。客户筛选后,系统会自动呈现极具质感的搜索结果页。

SX-Creval 产品多条件筛选器配置指南

多条件筛选器用于帮助客户在复杂参数的产品库中快速定位目标产品。本指南将指导你通过模块化配置,快速搭建一套实用的产品选型引擎。

初次配置时,强烈建议先按照本文的“基础模板”搭建一个最简单的可用版本,确认前台能正常搜索后,再根据业务需求逐步增加筛选项。

一、 配置前必看:规范产品参数

筛选器能生效的前提是:产品本身已经填写了规范的参数名和参数值。在配置筛选器前,请确保你的产品库符合以下规则:

  1. 确定参数名:如“重量”、“材质”、“电压”。
  2. 区分参数值的写法(非常重要):
    • 需要做“范围筛选”的参数:值必须是纯数字(例如重量填 200,不要填 200kg)。
    • 需要做“下拉选择”的参数:值可以是文字、字母或带单位的内容(例如材质填 304不锈钢,认证填 CE)。

二、 快速上手:搭建基础筛选器(推荐模板)

大多数情况下,一个高效的外贸B2B选型器只需要3个核心框:1个关键词框 + 1个下拉框 + 1个范围框。请直接按照以下参数在后台依次添加三个筛选项:

1. 添加“关键词输入框”(用于搜名称/型号)

  • 类型选择:关键词输入框
  • 前端标题:搜索产品
  • 占位提示语:请输入产品名称或型号(或 SKU/Keyword)

2. 添加“下拉单选框”(用于选固定规格)

  • 类型选择:下拉单选框
  • 前端标题:材质
  • 产品参数名:材质 (注意:这里必须与产品库里的参数名一字不差)
  • 选项配置
    • 选项1 - 显示名称:304不锈钢 | 查询值:304不锈钢
    • 选项2 - 显示名称:316不锈钢 | 查询值:316不锈钢

3. 添加“数值范围双输入框”(用于筛选数值大小)

  • 类型选择:数值范围双输入框
  • 前端标题:重量范围
  • 产品参数名:重量

保存后,前台将自动生成这三个组件。客户输入的条件(如:包含 pump 且 材质为304 且 重量在150-250之间)会进行组合筛选,精准匹配结果。

三、 各种筛选组件到底怎么用(场景对照)

当你跑通了基础模板后,可以参考以下说明来增加其他筛选项:

1、关键词输入框

  • 适用参数举例:产品名、型号、SKU、核心词。
  • 适用场景与说明:最通用的搜索方式,适用于客户有明确意向词时的全局模糊搜索。

2、下拉单选框

  • 适用参数举例:材质、电压、防爆等级、颜色、认证(如:CE、IP65、220V)。
  • 适用场景与说明:适用于“固定文本选项”的参数。这类内容通常无法比较大小,客户只需从下拉列表中点选,系统会进行精准匹配。

3、数值范围双输入框

  • 适用参数举例:重量、功率、内径、流量、长度(如:200、15、500)。
  • 适用场景与说明:专用于“纯数字”的参数。选择该组件后,前台会自动生成 Min 和 Max 两个输入框,供客户输入数值来划定区间、比对大小。

四、 常见问题排查与避坑指南

如果配置后发现搜不出产品,请不要慌,99%的情况由以下三个原因导致,请按顺序检查:

1、检查“产品参数名”是否绝对一致(最常见错误)
筛选器后台填写的【产品参数名】,必须和产品详情里填写的大小写、空格完全一样

  • ❌ 错误示范:产品里写的是 Voltage,筛选器里写成了 voltage(首字母小写或多敲了一个空格)。

2、检查“下拉框”的查询值是否与产品一致

  • ❌ 错误示范:产品参数值写的是 304不锈钢,但下拉框的查询值只填了 304。系统会因无法完全匹配而搜不到。

3、检查“范围框”绑定的值是否包含字母/汉字

  • ❌ 错误示范:对“电压”参数使用了范围框,但产品里的值写的是 220V/50Hz。
  • ✅ 正确做法:带字母或符号的值系统无法比较大小,这类参数只能使用下拉单选框

五、 配置建议 (Pro Tips)

  • 克制为上(化繁为简):不要把筛选器配置得像内部工程软件一样复杂。保留 1 个搜索框 + 2 到 3 个买家最关心的核心参数即可。过多的筛选项不仅占用页面空间,还会降低普通采购员的使用耐心。
  • 配合 UI 动效:因为这是页面的核心交互区,建议在模块的“动效设置”中,为其添加一个渐进上浮的进入动画,能够显著提升前台页面的质感和专业度。