Hide the entire Filter Field if there are No Options

Written by the Divi Engine Documentation Team

Introduction

In this documentation, we will discuss a useful feature of the Divi Ajax Filter plugin that allows you to hide an entire filter field when there are no values inside of it. This can be particularly helpful in situations where certain attributes may not be applicable for specific product categories. We will walk through the steps to configure this feature on your Divi website.

Extra Scenario 2 DEMO ⮕ https://ajax-filter-docs.diviengine.com/hide-empty-filter-item/

Steps to Hide the Entire Filter Fields if it has No Options

1. Access the filter module settings: Go to your page, find the filter module, and edit its settings.
2. Set the update method: Ensure the filter method update method is set to "on change".
3. Set "Update filter count and empty options for clicked item" to "NO" (optional): This is the default for this setting, but just double check.
4. 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 "Hide filter when it has no options" to "YES": This ensures that filter options with zero count will be displayed.
5. 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 on the initial page load. 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.