The WooCommerce Product Filters addon enhances the functionality of your WooCommerce-powered online store by seamlessly integrating product filters onto the Shop page using a shortcode. This valuable addition streamlines the shopping experience for your customers, allowing them to easily refine and narrow down their product searches based on specific criteria. 

With the WooCommerce Product Filters addon, navigating through your extensive inventory becomes more efficient and user-friendly, empowering shoppers to find exactly what they’re looking for with greater ease. Simplify the browsing process and enhance customer satisfaction with this addon that seamlessly integrates powerful filtering options into your WooCommerce store’s Shop page.

Video Tutorial

Watch the tutorial video below for a quick walkthrough of the add-on’s features and setup process.

For detailed instructions, please continue reading the full documentation. If you still have any questions, feel free to submit a support ticket.

In this article, you’ll learn how to set up the WooCommerce Product Filters add-on and filter the WooCommerce products on the shop page. 

Installation

• Install and activate the WooCommerce plugin.
• Install the WooCommerce Product Filters add-on & activate it.
• After activation, a new “WooCommerce Product Filters” sub-menu will be added under the “WooCommerce” menu, along with another sub-tab, “Colors”, added under the “Products” menu.

License

License keys can be found in the email received when you purchased the add-on. To activate your license, place your license key in the License Key field and click on Activate. 

WooCommerce Product Filter Settings

General Settings

Navigate to the, WooCommerce > Woocommerce Product Filters > General Settings.

Basic Filters

Here are all the filters available in the “Basic Filters” sub-tab.

By Price

Enable the option “By Price” to show the price range filter on the frontend of the shop page. This will allow your customers to view the products available in the shop/store within their price range.

In Stock

Enable the option “In Stock” to show the products on the frontend of the shop page that are currently available for purchase. 

Use it if you intend to use the “Stock” related functionality of WooCommerce Products.

On Sale

Enable the option “On Sale” to show the “Products on Sale” filter on the frontend of the shop page. This filter will show all the products on sale.

Use it if you intend to use the “Sale Price” related functionality of WooCommerce Products.

By Color

Enable the option “By Colour” to show the Color filter on the frontend of the shop page.

Use it if you intend to use the “Color Attribute” related functionality of WooCommerce Products.

Search Field

Enable the option “Search Field” to show the “Product Title” filter on the frontend of the shop page.

By Featured Products

Enable the option “By Featured Products” to show the featured products filter on the frontend of the shop page.

Use it if you intend to use the “Featured” related functionality of WooCommerce Products.

By Type

Enable the option “By Type” to show the product type filter on the frontend of the shop page.

Use it if you intend to use the “product type” related functionality of WooCommerce Products.

Categories & Taxonomy

Here are all the filters available in the “Categories & Taxonomy” sub-tab.

Product Categories

Enable the option “Product Categories” to show the category filter on the frontend of the shop page.

Use it if you intend to use the “Product Category” related functionality of WooCommerce Products.

By Tags

Enable the option “By Tags” to show the tags filter on the frontend of the shop page.

Use it if you intend to use the “Tags” related functionality of WooCommerce Products.

By Brands

Enable the option “By Brands” to show the brands filter on the frontend of the shop page.

Use it if you intend to use the “Brands” related functionality of WooCommerce Products.

By Authors

Enable the option “By Authors” to show the product author filter on the frontend of the shop page.

Use it if you intend to use the “Author” related functionality of WooCommerce Products.

Attributes

Here are all the filters available in the “Attributes” sub-tab.

By Attributes

Enable the option “By Attributes” to show the product attributes filter on the frontend of the shop page. Here, you can select which attribute filters you want to add to the shop page.

Use it if you intend to use the “Attributes” related functionality of WooCommerce Products.

Ratings & Reviews

Here are all the filters available in the “Ratings & Reviews” sub-tab.

By Ratings

Enable the option “By Ratings” to show the product ratings filter on the frontend of the shop page.

Use it if you intend to use the “Ratings” related functionality of WooCommerce Products.

By Most Reviewed Products

Enable the option “By Most Reviewed Products” to show the most reviewed products (in numbers) by the customers on the frontend on the shop page in order.

By Recent Reviewed Products

Enable the option “By Recent Reviewed Products” to show the most recently reviewed products of the respective customer in the last respective days on the frontend of the shop page. Here, you need to specify how many previous days (from today) to be included to fetch the respective products of the customer in the “Recently Reviewed Days” option.

Special Filters

Here are all the filters available in the “Special Filters” sub-tab.

By New Arrivals

Enable the option “By New Arrivals” to show the new arrivals filter on the frontend of the shop page. Here, you need to specify how many previous days from today to consider a product as a new arrival product in the “New Arrival Days:” option.

Custom Fields

Here are all the filters available in the “Custom Fields” sub-tab.

By Custom Fields

Enable the option “By Custom Fields” to show the custom product fields filter on the frontend of the shop page.

Use it, if you intend to use the “Advanced Custom Fields (ACF)” related functionality of WooCommerce Products.

Note: Our addon is only compatible with these 8 ACF fields: Text, Text Area, Number, Select, Checkbox, Radio Button, Button Group and Color Picker.

Product Filter Shortcode

Navigate to the “Appearance” > “Widgets” sub-menu. Place the [woo_wnpf_filters] shortcode in any widget/sidebar to view the product filter and click on the “Update” button.

This is how the frontend of the shop page will look:

Filter Styles

Navigate to the WooCommerce > WooCommerce Product Filters > Filter Styles. Here, you can change the UI related settings of the product filters.

Show Toggles

Enable the option “Show Toggles” to show Toggles instead of checkfields on the frontend on the shop page.

Open Category Dropdown

Enable the option “Open Category Dropdown” to make the Category dropdown open (on page load) by default on the frontend on the shop page. If not enabled, the “Filter By In Categories” dropdown will not be open on page load. It will look like below.

---

FAQ’s

1- Is the “Search Filter” section available with the above-mentioned product attributes only?

Note: Product Attributes are the characteristics that are connected with a product, such as color, size, or material are referred to as attributes. In other words, they can also be called its properties.

At the moment, the ‘Search Filter’ section is limited to the product attributes mentioned above.

2-Are there plans to add more search filter attributes in the later releases?

Additional product search filter attributes are planned for inclusion in future releases of this add-on for WooCommerce Products.

3-Is “Filter by Product Rating” functionality available in this addon?

There is “Filter by Rating” functionality available in this addon.

4- Does this Add-On require any external plugin on your site to work properly?

This add-on requires the WooCommerce plugin (free version) to be enabled on your site. If you want to test your site locally, please make sure to enable the above-mentioned plugin on your site.

---

Changelogs

1.1.4

• Fix: Resolve default colors and layouts for filters.
• Fix: Resolve conflicts with dropdowns across all dropdowns for toggles and checkboxes.
• Fix: Update labels and headings for all filters.
• Fix: Retain filtered values for specific filters after applying the filtration.
• Fix: Set the toggle as the default layout for all filter types.

1.1.3

• New – Added the color option to make the filters UI more attractive and compatible with the theme colors.
• New – Added the UI modification for Basic Filter in the Filter Styles tabs(Dropdown, Range Slider, Input Fields, Checkboxes and Toggles).
• New – Added the UI modification for Categories Filters in the Filter Styles tabs(Dropdown, Checkboxes and Toggles).
• New – Added the UI modification for Attributes Filter in the Filter Styles tabs(Dropdown, Checkboxes and Toggles).
• New – Added the UI modification for Ratings and Reviews Filters in the Filter Styles tabs(Dropdown, Checkboxes and Toggles).
• New – Added the UI modification for Special Filters in the Filter Styles tabs(Dropdown, Checkboxes and Toggles).
• New – Added the UI modification for Custom Fields Filters in the Filter Styles tabs(Dropdown, Checkboxes and Toggles).
• Fix – Resolve the security and performance related to WordPress codex standard.
• Fix – Reviews and Rating filtration results.

1.1.2

• New: Updated admin UI for better user experience and cleaner layout.

1.1.1

• New: Added support for currency in the price filter.

1.1.0

• New: Added filters for Tags, Brands, Featured, Authors, Attributes, Rating, Type, Custom Fields, New Arrivals, Most Reviewed, and Recently Reviewed.

1.0.1

• New: Added React-based Admin UI.

1.0.0

• Initial Release.