Empty Filter Options: Filtering out ALL Empty Options
Written by the Divi Engine Documentation Team
Introduction
In this documentation, we will discuss how to configure the Divi Ajax Filter plugin to filter out empty options when a user clicks on the first active filter (first filter clicked). This feature helps users focus on relevant filter options by hiding those that don't have any applicable products.
Scenario 1.2 DEMO ⮕ https://ajax-filter-docs.diviengine.com/product-category/clothing/
Steps to Configure Filtering Out Empty Options
- Access the filter module settings: Go to your page, find the filter module, and edit its settings.
- Set the update method: Ensure the filter method update method is set to "on change".
- Set "Update filter count and empty options for clicked item" to "YES": Switch this option on to track the first clicked item as the active filter.
- Configure empty options for each field: For each field you want to apply this behavior, access the field settings and follow these steps:
- Navigate to Empty Options: Locate the "Empty Options" setting within the field settings.
- Set show empty filter options to "NO": This ensures that filter options with zero count will not be displayed.
- Display filter count (optional): As a convenience, if you have a checkbox radio field, make sure to display the filter count under the Checkbox / Radio tab. This helps users know how many options are available.
By following these steps, you will successfully configure the Divi Ajax Filter plugin to hide empty filter options. To explore more use cases and learn how to utilize the empty filter options in Divi Ajax Filter, check out other videos on our channel.