用途：为电商商品列表页（PLP）构建多属性同时筛选的导航，适用于商品数超过约 50 个 SKU 的目录，或需要重做分类/集合列表页、替换破坏浏览器后退键的旧筛选实现、以及实现可被抓取的筛选 URL（如 /shoes/running?color=black&size=10）的场景。
主要能力：筛选条件同步到 URL，便于分享、收藏与收录；多属性同时收窄结果；分组内为“或”（选 Nike 和 Adidas 显示任一品牌），分面之间为“与”；每次响应返回反映当前筛选语境的分面计数；移动端以下拉抽屉展示筛选面板；显示可移除的已选筛选标签及“清除全部”控件。
使用方式（按平台）：Shopify 可启用 Online Store 2.0 主题自带集合筛选并安装免费的 Search & Discovery 应用，在应用内添加 Color、Size、Brand、Price 等筛选项并排序，主题自定义中将 Filter layout 设为 Drawer 或 Sidebar；Shopify Plus 可用 Shopify Flow 自动打标。WooCommerce 可选 FiboSearch（付费，49 美元/年）或免费的 WooCommerce Product Filters，后者用短代码 [woof] 放置筛选器，也可用 [woof_active_filters] 单独显示已选标签。BigCommerce 在后台 Storefront → Search 开启 Faceted Search，需 Stencil 主题（如 Cornerstone），旧版 Blueprint 不支持。自建/无头方案：以 URL 查询参数为状态源，配合 Algolia InstantSearch 或 Elasticsearch，示例 URL 形如 /products/shoes?brand=Nike&brand=Adidas&color=black&size=10&price_min=50&price_max=150&sort=price_asc&page=1；用 pushState 写入每次筛选变更以支持后退键。
限制与注意：未提供具体转化率提升幅度等效果数据；价格、插件费用以资料所列为准。常见坑包括用 replaceState 导致后退异常、分面计数不刷新、移动端侧栏遮挡内容、筛选 URL 造成 SEO 重复内容（需 noindex 或 canonical）、价格滑块拖动抖动（应在 mouseup/touchend 提交并限制滑块范围）。建议每个分面最多显示 10 个值并加“Show more”，价格区间滑块需防抖。相关技能：@search-autocomplete、@product-categorization、@accessibility-commerce、@product-page-design。