通过分层导航,可以轻松地根据类别、价格范围或任何其他可用属性查找产品。 分层导航通常显示在搜索结果和类别页面的左列,有时显示在主页上。 标准导航包括 购买者 类别和价格范围的列表。 我们可以配置分层导航的显示,包括产品数量和价格范围。
可过滤属性
分层导航可用于按类别或属性搜索产品。 例如,当购物者从顶部导航中选择“Mens/Shorts”类别时,初始结果将包括该类别中的所有产品。 可以通过选择特定的样式、气候、颜色、材质、图案或价格或值的组合进一步过滤列表。 可过滤的属性显示在展开部分中,其中列出了每个属性值。 作为一个选项,可以将具有匹配结果的产品列表配置为包含具有或不具有匹配项的产品。
属性属性与产品输入类型相结合,可确定哪些属性可用于分层导航。 分层导航仅适用于 锚点 类别,但也可以添加到搜索结果页面。 此 商店所有者的目录输入类型 每个属性的属性必须设置为 Yes/No, Dropdown, Multiple Select,或 Price. 要使属性可过滤, 在分层导航中使用 每个的属性必须设置为 Filterable (with results) 或 Filterable (no results).
示例:带有结果的可筛选属性
示例:显示无结果的可筛选样本值
步骤1:设置属性属性
在 管理员 侧栏,转到 Stores > Attributes>Product.
浏览或使用过滤搜索查找列表中的属性,并在编辑模式下打开该属性。
Filterable (with results) — 分层导航仅包括那些可找到匹配产品的过滤器。 任何已应用于列表中显示的所有产品的属性值仍应显示为可用过滤器。 可用过滤器列表中省略计数为零(0)产品匹配的属性值。 过滤列表仅包含与过滤器匹配的产品。 仅当选定的过滤器更改了显示的内容时,才会更新产品列表。
Filterable (no results) — 分层导航包括所有可用属性值及其产品数的过滤器,包括零(0)产品匹配的产品。 如果属性值是样本,则该值将显示为过滤器,但会被划掉。 此选项不支持价格分层筛选,因此不会影响价格筛选。
设置 Use In Search Results Layered Navigation 到 Yes.
对要包括在分层导航中的每个属性重复这些步骤。
第2步:将类别设置为锚点
在 管理员 侧栏,转到 Catalog > Categories.
在类别树中,选择要使用分层导航的类别。
展开 扩展选择器 该 Display Settings 分区和设置 Anchor 到 Yes.
第3步:测试结果
要测试设置,访问我们的商店,然后从主菜单导航到类别。 可过滤属性的选择将显示在类别页的分层导航中。
搜索、筛选和查看显示的产品。
从分层导航中删除可过滤属性值
分层导航包括所有可用属性值及其产品计数的过滤器,包括零(0)产品匹配的产品(如下图所示)。
这种结果可能会使客户难以选择首选产品,并且无需在前端显示0个产品的属性值。
我们可以使用以下步骤从分层导航中删除0 Products的可过滤属性值:
在 管理员 侧栏,转到 Stores > Attributes>Product.
浏览或使用过滤搜索查找列表中的属性,并在编辑模式下打开该属性。
下 Attribute Information,单击 Storefront Properties.
对象 Layered Navigation,选择 Filterable (with results).
价格导航
分层导航中价格导航可用于按价格范围分配产品。 我们还可以按间隔拆分每个范围。 有几种方法可计算价格导向:
使用前两种方法可以自动计算导航步骤。 通过手动方法,我们可以为价格间隔指定除法限制。 以下示例显示了10个和100个价格导航步骤之间的差异。
迭代拆分提供不同价格范围内产品的最佳分配。 通过迭代拆分,在选择$0.00 -$99的价格范围后,客户可以向下钻取多个价格子范围。 当产品数达到“间隔除法限制”设置的阈值时,价格范围拆分将停止。
示例:价格定位步骤
价格步进10 | 价格步进100 |
---|---|
20.00美元 — 29.99美元(1) | 0.00美元 — 99.99美元(4) |
30.00美元 — 39.99美元(2) | 100美元 — 199.99美元(5) |
70.00美元 — 79.99美元(1) | 400.00美元 — 499.99美元(2) |
100.00美元 — 109.99美元(1) | 700.00美元及以上(1) |
120.00美元 — 129.99美元(2) | |
150.00美元 — 159.99美元(1) | |
180.00美元 — 189.99美元(1) | |
420.00美元 — 429.99美元(1) | |
440.00美元 — 449.99美元(1) | |
710.00美元及以上(1) |
配置价格导航
在 管理员 侧栏,转到 Stores > Settings>Configuration.
在左侧面板中,展开 Catalog 并选择 Catalog 下方。
展开 扩展选择器 该 分层导航 部分。
默认情况下, Display Product Count 设置为 Yes. 如有必要,取消选择 Use system value 复选框以更改此设置。
设置 Price Navigation Steps Calculation ,以了解以下部分中的方法之一。
完成后,单击 Save Config.
方法1:自动(均衡价格范围)
离开 Price Navigation Steps Calculation 设置为 Automatic (Equalize Price Ranges) (默认)。 此设置使用标准算法进行价格导航。
方法2:自动(均衡产品计数)
设置 Price Navigation Steps Calculation 到 Automatic (equalize product counts).
要在多个产品具有相同价格时显示单一价格,设置 Display Price Interval as One Price 到 Yes.
对象 Interval Division Limit,输入价格范围内产品数量的阈值。
范围无法进一步拆分,超出此限制。 默认值为 9.
方法3:手动
设置 Price Navigation Steps Calculation 到 Manual.
输入一个值以确定 Default Price Navigation Step.
输入 Maximum Number of Price Intervals 允许,最多 100.
配置分层导航
分层导航配置确定产品计数是否显示在每个属性后面的括号中,以及价格导航中使用的步骤计算的大小。
在 管理员 侧栏,转到 Stores > Settings>Configuration.
在左侧面板中,展开 Catalog 部分并选择 Catalog 下方。
展开 Layered Navigation 部分。
NOTE
如有必要,首先取消选择 Use system value 复选框以更改这些设置。
要显示为每个属性找到的产品数,设置 Display Product Count 到 Yes.要显示为每个属性找到的产品数,设置 Display Product Count 到 Yes.
设置 Price Navigation Step Calculation 到 Automatic (equalize price ranges).
完成后,单击 Save Config.