为自定义商店布局添加筛选区域

创建于2026-10-02

上次更新时间2026-10-02

由Mloun

筛选区域在产品归档上方的一个可折叠水平部分中显示产品筛选器。在自定义产品归档布局中，直接将筛选区域及其按钮放置在它们应出现的位置。

选择筛选内容

筛选区域可以显示商店筛选小部件区域或包含产品筛选器元素的 HTML 区块。

1. 导航至 仪表盘 → 外观 → 小部件。

2. 将所需的产品筛选小部件添加到 商店筛选 小部件区域。

1. 在 仪表盘 → HTML 区块 下创建一个 HTML 区块，并添加 产品筛选器 元素或区块。

2. 导航至 仪表盘 → 主题设置 → 产品归档 → 商店筛选。

3. 将 商店筛选内容类型 设置为 HTML 区块，并在 商店筛选 HTML 区块 下选择它。

1. 编辑相关的产品归档布局。

2. 在客户应打开或关闭筛选器的位置添加 筛选区域按钮。

3. 在应显示筛选控件的位置添加 筛选区域。

4. 发布或更新布局，并在其条件选择的归档页面上进行测试。

筛选区域和筛选区域按钮在 Gutenberg、Elementor 和 WPBakery 中均可用。