创建产品筛选表单

产品筛选器元素允许客户按类别、属性、库存状态、价格或排序方式筛选产品。您可以使用 Gutenberg、Elementor 或 WPBakery 构建表单，将其显示在商店产品网格上方，或放置在另一个页面上。有关前端示例，请参阅旅行演示。

创建筛选器表单

1. 导航至仪表盘 -> HTML 区块 -> 添加新。
2. 使用您当前使用的页面构建器添加产品筛选器元素或区块。
3. 添加并配置所需的筛选器类型。
4. 配置表单布局、行为和样式，然后发布 HTML 区块。

在 Gutenberg 和 WPBakery 中，将各个筛选器元素添加到产品筛选器容器内。在 Elementor 中，将它们作为项目添加到小部件的筛选器部分。

可用的筛选器类型

• 类别 — 按产品类别筛选产品。
• 属性 — 按选定的全局 WooCommerce 属性（例如颜色或尺寸）进行筛选。
• 库存状态 — 可以包括促销、有货和缺货预订选项。
• 价格 — 按选定的价格范围筛选产品。
• 排序方式 — 允许客户更改产品排序顺序。

在使用属性筛选器之前，请在仪表盘 -> 产品 -> 属性中创建全局属性及其术语，然后将这些术语分配给您产品。

配置表单行为

使用产品筛选器设置来选择下拉菜单是在点击还是悬停时打开，以及是否显示选定的值。Elementor 和 WPBakery 还提供提交表单于选项：

• 按钮点击 — 当客户点击筛选按钮时应用所有选定的筛选器。
• 下拉选择 — 选择某个值时应用筛选器。

在 Gutenberg 中，将按钮区块保留在产品筛选器内以进行手动提交，或将其移除以在选择后应用筛选器。

在商店产品上方显示表单

1. 导航至仪表盘 -> 主题设置 -> 产品存档 -> 商店筛选器。
2. 启用商店筛选器。
3. 将商店筛选器内容类型设置为HTML 区块。
4. 在商店筛选器 HTML 区块中选择您创建的表单。
5. 保存主题设置。

在另一个页面上显示表单

将已发布的 HTML 区块插入到您希望筛选器表单出现的任何位置。当表单在产品存档之外使用时，提交它会打开带有选定筛选参数的 WooCommerce 商店页面。在商店和产品存档页面上，筛选器与当前存档一起工作，并在启用 AJAX 商店时支持 WoodMart AJAX 筛选。