Skip to main content

Woo Products Filters Module

WooCommerce Products Filters Module make the process of finding products in your store simple and fast.

By interacting with the filter form elements, the visible WooCommerce products will be filtered. Products need to be used with Woo Shop + module (an extended Woo Products module that is also included in Divi Shop Builder plugin).

Available types of filters are:

Example of Woo Products Filters Module usage are available to download here: View Live Demos

Start using Woo Products Filters Module

To add filtering to your shop page, add Woo Shop + module and Woo Products Filters Module to the page and enable "Filtering with the Woo Products Filters Module" in Woo Shop + Module Settings:

note

While the Product Filter Modules filtering function is active, the Ajax option switch is hidden as the ajax function is necessary for filtering to work properly.

To add a new filter, click the "Add New Item" button. A window will open with the filter’s settings.

Then select one of the available filtering options:

In the settings of a single filter you can add your own Title for each given filter. The Title will display above the filter. This helps your customer understand what each filter does:

In advanced options, you can choose from the available choices for displaying a given filter:

Types of Filters in the Woo Products Filter Module

Category Filter

Allows you to filter products in Woo Shop + Module based on categories and/or subcategories. Learn more about WooCommerce Product Categories here:

Learn more about WooCommerce Product Categories.

Woo Products Filter Module Advanced Settings:

  • Show option allows you to choose whether to display only main categories or also subcategories, and whether to display them hierarchically or not.

  • Display as option allows you to choose how you want the categories to be displayed in the filter.

Available display options:

Checkboxes list

Radio Buttons list

Tag Cloud

  • Show number of products is an option that allows you to display the number of products in a category alongside category. After enabling it, an additional option 'Dynamic Product Counts' appears. This means that the displayed number of products in a given category also takes into account other active filters.
  • Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

Tag Filter

Allows you to filter products in the Woo Shop+ Module by tags. Learn more about WooCommerce Product Tags.

Learn more about WooCommerce Product Tags

Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

Show Number Of Products is an option that allows you to display the number of products with a specific tag

Dynamic Product Counts - will dynamically update number of products count accordingly when filtering rules are changed. This option is availble only when 'Show Number Of Products' is enabled.

Available display options:

Checkboxes list

Radio Buttons list

Tag Cloud

Attribute Filter

Attribute filter allows you to filter products in Woo Shop+ Module by a selected attribute, such as color.

Learn more about WooCommerce Product Attributes

Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

Show number of products is an option that allows you to display the number of products available with specific attributes. After enabling it, an additional option 'Dynamic Product Counts' appears. This means that the displayed number of products with a given attribute also takes into account other active filters.

Available display options:

Checkboxes list

Radio Buttons list

Tag Cloud

Search Filter

Search filter allows you to filter products by keywords entered by the user.

Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

Show Suggestions When typing - this function allows you to dynamically suggest available products as users type, based on the fist few characters or words typed.

Show Search Icon this function allow you to hide or show a Search Icon in the search input field.

Display Placeholder is a function that allows you to add default text to the search input field when it is empty or inactive. After activating this option, an additional Placeholder Text option appears where you can set your desired placeholder text.

Rating Filter

Rating filter allows you to filter products based on product rating.

Available display options:

Single Line Stars (selected rating and up)

Single Line Stars (Only selected rating)

Radio Button Stars

Radio Buttons Text

Checkboxes Stars

Price Filter

Price Filter allows you to filter products according to the price range specified by the user.

The Show function allows you to choose from the available options for displaying the filter:

From – to Slider

From – to Number Inputs

From – To Slider And Number Inputs

This filter has options such as 'Default Minimum Amount' and 'Default Maximum Amount' which allow you to specify a minimum and maximum price range.

Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

Stock Status Filter

The Stock Status filter allows you to filter products by their availability.

Learn more about WooCommerce Product Stock Status

Available display options:

Checkboxes list

Radio Buttons list

Tag Cloud

Show number of products is an option that allows you to display the number of products with specific stock status. After enabling it, an additional option 'Dynamic Product Counts' appears, which means that the displayed number of products with given specific stock status also takes into account other active filters.

Sale Filter

The 'Sale' filter will make it easier for customers to quickly find products that are on sale.

Display As Toggle allows you to display the plugin as a collapsible or expandable filter option.

In the advanced settings of the module, you have the option to customize the 'On Sale' text to your own text.

FAQ

Q: Why is the Ajax option not available in the Woo Shop+ Module?

A: This option is always enabled if the option to activate filtering with the Woo Products Filters module is enabled. If the ajax option is enabled, the shop will be reloaded with ajax (without reloading the rest of the page) when the user navigates between pages of products, changes the sorting option, or adds a product to the cart.

Q: I added the filtering module, but it does not affect the filtering of Woo Shop+ products

A: Please check that you have activated 'Enable Filtering' with the Woo Products Filters module in the Woo Shop+ module.

Q: I added a filtering module, but it does not display anything on the page.

A: Please check in the settings of Woo Products Filters module if you have added the appropriate filters. You can add them by clicking the plus (+) icon then "Add New Item" and selecting the desired filter from the list.

Q: Can I use multiple Filters modules on the page?

A: Yes it is possible.

Q: Can I use the Woo Products Filters module in the Theme Builder?

A: Yes, you can use filters in Theme Builder.

Q: Where can I download Demo layouts from?

A: You can download Demo Layouts from our demo site by clicking "Download All Layouts" at the top of the page.

Divi Shop Builder Demo page