#1 Independent Seller of WooCommerce Plugins
Switch language
English

YITH WooCommerce Ajax Product Filter

What the plugin does Display a filter section on your store page and allow your customers to easily filter products by their requirements (price, size, color, model, etc.).
How you can benefit from it:
  • Build a powerful filters section on the shop page to help users easily filter the products based on their requirements
  • Create unlimited sets of filters for specific categories or product pages
  • Show filters also on custom pages (like those created with Gutenberg or Elementor) and not only on the standard WooCommerce pages
  • Customize the style of the filters so they will match the layout of the theme you are using for your shop
  • Show a filters section designed and optimized for users who visit the site from mobile devices
  • Choose whether to show the filters in a vertical or horizontal bar, above your product listings (a modern layout used by many big e-commerce websites like Zalando)
loading
1 year of updates and support
30-day money back guarantee
30 days money back guarantee Buy confidently with our buyer protection and get a full refund for any reason. Read our refund policy >
This plugin is used by 36,421 customers, with a rating of 4.5/5 and a 98% customer satisfaction in support!

Help your customers to easily find the products they are interested in.

Without the right help, finding the right product in an e-commerce store might be a mission impossible for your users. Almost all usability research proves that 75% of users leave the shop if they cannot find what they are looking for within 15 seconds. For this reason and to make the product search and selection processes easier, it is essential to loyalize customers and to support sales.

It is as simple as that: if users cannot filter products, they cannot find what they are looking for quickly enough. And if they cannot find it, they cannot buy it.

YITH WooCommerce Ajax Product Filter allows your users to filter products based on their needs (category, size, color, brand, price and much more) and in a few seconds they will find exactly what they want to buy: a simple and powerful tool to address your customers towards their ideal product, speed up the purchase process and improve the conversion rate of your online shop.

Our plugin suits any kind of store, especially those with big catalogs and tons of products that may confuse customers and make you lose on sales.

Lead your potential customers effectively towards your products and remember: you only have 15 seconds to do that!

Create unlimited filter presets to show on different product or category pages

Through the plugin administration panel, you will be able to create unlimited groups of filters (that we called “presets”). For every preset, you can choose the filters to show and where this preset will appear using the widget, the shortcode, the Gutenberg block or the Elementor widget. In this way, you can create different filters based on the page on which they will show up: for example, you can set different filters per product categories or create custom pages with specific filters

Enable the default preset and with just a few clicks you will see your store filters up and running

To make everything easier we have included a default preset containing all the filters available in the plugin. You can disable the filters that you don’t need and choose where and how to show the preset. Do you want the filters to show up in the shop sidebar? Use the built-in widget and the filters will immediately be available to your customers. As an alternative, you can also use the default preset shortcode or add the built-in Gutenberg block to any page of your site: no matter which way you choose, you will see your shop filters up and running in very few seconds and no more than 5 clicks

New

Add the filters to any page of your shop: you can use the widget, the shortcode, the Gutenberg block, and the Elementor widget

You can show the filters on the standard WooCommerce pages (like the Shop page or the category pages) or in any other custom page. You have many options at your disposal: you can use the YITH Ajax Product Filter widget in any sidebar or widget area, or use the equivalent Gutenberg block to add the filters to your shop pages or — if you use Elementor — you will find a dedicated widget for this page builder too

New

Show filters in a modal view which is purposely designed for users visiting your site by smartphones or tablets

An ever-increasing number of users that visit e-commerce sites and purchase products online will do so using mobile devices.

That’s why we have carefully developed a filter modal view, specifically optimized for users visiting the shop using a smartphone or tablet. When filtering of your products is required, it will open in a modal view and the user will be able to select them as recommended by the main guidelines about usability and user experience.

An astonishing filter library that you can activate

Based on the research made by the Baymard Institute, there are five essential filters for e-buyers: before buying they want to filter by price, brand, size, color, and rating. YITH WooCommerce Ajax Product Filter includes these and more filters to extensively meet your needs and your customers’ demands too

The plugin includes:

Filter by category: to let users choose which product category to view

Filter by tag: to let users filter products by tag

Filter by price: to let users filter products by a specific price range (based on their budget availability)

Filter by color and size: you can create filters for all the attributes available in your store, like color and size. For the color filter, you can either choose square or circular color swatches or use custom images to recall a specific pattern, shade or fabric texture

Filter by rating: to let your users filter products based on other customers’ reviews (most e-buyers want to skip low-rated products and concentrate only on high-rated ones)

Filter by brand: thanks to the integration with our YITH Brands Add-on plugin, you can also filter products by specific brands

Show only on-sale products: thanks to this option, your users can filter products and view only those with a discount

Show only in-stock products: thanks to this option, your users can filter products based on their needs and exclude out-of-stock products from the list

Choose the style of your filters

Choose whether to show filters as checkboxes, radio buttons, select dropdowns, multi-select, labels or images. For example, for the color filter, you can use a text list, color swatches or upload custom images that better represent the product color shades or specific patterns. For product categories, you can also use textual labels or use custom icons to visually represent each of your categories

Choose whether to show the filters in a toggle or not

For every filter you can choose whether to show it in a toggle — open or collapsed to optimize the available space — or simply show all the options on the page

Make filters work in AJAX

Allow your users to view the results of the filters and to get feedback in real-time. Or, if you want to, disable the AJAX option and show a button “Apply filters” to show the filtered products

Choose how to show the filtered results

Choose whether to load the filter results on the same page using AJAX or refresh the page

New

Choose if and where to show the “Reset Filters” button and the selected filters

To improve the user experience on your shop you can show the active filters (and choose whether they should appear in the filters panel on top, above the list of products) and a button that allows resetting all the filters in one click and to go back to the original product list

Customize the colors of the filters area

If you choose the plugin style, you can further customize it and choose the background color of the filters area, the text colors and the accent color through which the active options are highlighted

Customize the loader

Use the default loader image or upload your own one, if you want to give it your personal touch

Choose whether to index the filters URLs or not

Choose if you want the URLs generated through the filters to be indexed on the search engines or if you prefer them to be hidden

New

Choose how to configure the permalinks of the page with the filtered results

Configure the URL pattern of the pages with active filters: you can choose whether to keep the page URL unchanged, to add the selected filters, or to edit it from the plugin permalinks (this will make the URLs shorter and easier to share)

Autopopulate filters
New

Auto-populate filter terms with WooCommerce attributes, tags, and taxonomies

Do you have a filter for brands or categories and you want to add those brands and categories automatically to the filter when creating them on WooCommerce? The new option “Auto-populate with all terms” allows having automated management of filters and synchronizing them with categories, tags, attributes, and taxonomies that you will create in your shop, without editing them manually.

If you use our YITH WooCommerce Color & Label Variations, you will be able to retrieve also color swatches, labels or images configured with this plugin and show them on the related filters automatically

New

Show filters in a horizontal toolbar above your products

Horizontal filters are a solution used by an always increasing number of e-commerce sites (about 24%) and are an excellent alternative to the classic sidebar, often ignored by users.

With our plugin, you will be able to configure filters with a horizontal layout and insert them above the products of your shop, adding to your e-commerce a modern and versatile solution used by shops like Zalando

Horizontal filter toolbar

Free Vs Premium

Creation of a filter preset
Free Premium
Add unlimited filters to each preset
Show the options using checkboxes
Show the options using select
Show the options using simple texts
Show the options using color swatches
Color swatches with image support (to better identify gradients, textures, patterns, etc.) hot
Color swatches with 2 colors support (bicolor style)
Show the options using radio buttons
Show the options using labels
Show the options using custom images or icons
Show filters as a toggle (opened or collapsed by default)
Choose the order of the options (alphabetical, terms order, terms count, etc.)
Choose whether to show the hierarchy of the terms
Show an optional tooltip on hover for terms
Show or hide the count of items
Terms not available will be hidden
Terms not available can be hidden OR shown in grey color and not clickables new
Enable the multiple selection to allow users to select multiple terms of the same filter
Set the multi-select relation (AND - Results need to match all selected terms at the same time /OR- Results need to match at least one of the selected terms)
Save time and auto-populate filters using the WooCommerce taxonomies and tags new hot
Customize labels, images, and color swatches with the options created through the YITH Color & Label Variations plugin new
Types of filters
Free Premium
Filter by product category
Filter products by tag
Filter any product attribute (color, size, material, etc.)
Filter by brand (using our YITH WooCommerce Brands Add-on plugin)
Filter for price ranges (unlimited ranges and the last range can show: “& above”)
Filter for price slider
Filter for review hot
Allow users to order products by popularity, date, price, date of publishing, average rating, etc.
Allow users to filter products and see only products in stock/featured/on sale
Use the filters on a page
Free Premium
Show a preset on the shop page or on a custom page using the widget in a sidebar or in a widget area
Show the filters on any page using the preset shortcode
Show the filters on any page using the Gutenberg block included new
Show the filters in the default vertical layout
Show the filters in a horizontal toolbar new hot
Show the active filters (with X to remove them) or not and their position (above products, above or under filters area)
Choose to show the reset button and its position
Choose whether to enable instant filtering or show an “apply filters” button
Choose whether to show results on the same page using AJAX or reload the page
Hide empty terms or out of stock products
Choose to show the “clear” link for each filter
Scroll to the top of the page after filtering
Customization options
Free Premium
Set the colors for filter blocks (text, background, titles, etc.)
Set the padding for filter blocks
Set the accent color for selected terms
Set the color swatches style (rounded or square) and size
Upload a custom AJAX loader
Advanced options
Free Premium
Enable the modal window on mobile: layout for filters 100% optimized for mobile devices new hot
SEO options (Activate/deactivate the indexing of the generated URLs in search engines for the filter operation of the plugin)
Permalinks management: choose to keep permalinks unchanged or change them by adding filtered terms
Permalinks management: use a custom user-friendly and shorter permalink (for a better sharing experience!) hot
Integrated with YITH WooCommerce Brands Add-on
Integrated with YITH WooCommerce Color and Label Variations
Compatible with YITH WooCommerce Wishlist
Compatible with Elementor and most popular page builders

Plugin integrations

All the products in our YITH catalog are developed on the same shared framework. This grants full compatibility among all our plugins and allows combining them together to get even more powerful results and more complete solutions.

We do our best to also include compatibility with the most popular WordPress and WooCommerce plugins available on the market.

You can use this plugin with*:

YITH Infinite Scrolling

By using YITH Infinite Scrolling, you can replace the pagination of your site contents with infinite scrolling on the pages you prefer, (posts, shop page, etc.), included the ones with products filtered by AJAX Product Filter.

YITH WooCommerce Brands Add-On

Thanks to YITH WooCommerce Brands Add-on, you can create brands you can link to the products in your shop. Products can be filtered based on the selected brand and this will make it easier for users to find products they might be interested in.

Thanks to the integration with YITH WooCommerce Ajax Product Filter, the product list of your shop can be filtered by the selected brand.

YITH Color, Image & Label Variation Swatches for WooCommerce

With YITH Color, Image & Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels, or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also allows splitting variations of the same product and show them as separate items on the Shop and archive pages.

The combined use of these two plugins allows using colors, labels, and images configured with YITH Color, Image & Label Variation Swatches for WooCommerce for your terms when creating filters of Color swatches and Label/Image types.

* All the plugins listed in this section are not included in YITH WooCommerce Ajax Product Filter. In order to take advantage of a specific integration, you need to purchase and activate the premium version of the related plugin.

Screenshots

Admin view

Frontend view

Reviews (106)

Customer reviews

Rated 4.49 out of 5 stars
106 reviews

Are you a customer? Submit your review

submit review
  1. 5 out of 5

    Mariela Hernandez B. - verified customer

    Personalización muy completa con resultados únicosEs un plugin muy completo, tiene un sinfín de opciones para personalizar los filtros de mi tienda, me encanta que puedo ordenar los filtros de colores como yo quiera, así los puedo agrupar por colores y tonos. Es fantástico, lo recomiendo mucho para cualquier tienda.

  2. 5 out of 5

    web-giocotech - verified customer

    Soddisfa le aspettativeHa tutto quello che ci si aspetta da un buon plugin per filtrare i prodotti: ottime opzioni di preimpostazione dei filtri e semplicità di utilizzo. Uso anche YITH Color, Image & Label Variation Swatches for WooCommerce per sfruttare l'integrazione per poter mostrare le variazioni di prodotto nei risultati durante il filtraggio e funziona perfettamente. Non potrei essere più felice del mio acquisto.

  3. 5 out of 5

    Andrea Pati - verified customer

    RecommendedIn love with this plugin, the filter options are endless, I absolutely love that I can put unlimited color options for my filters, I have lots of variations in my shop, so this is super helpful. Really recommended!

  4. 5 out of 5

    Gallia Lemieux - verified customer

    best filtering plugin I've used so farTook me a while of trial and error to find the best filtering plugin but I believe this is the one. Great features, very easy to configure and a good support, which is a plus.

  5. 4 out of 5

    Albert Coleman - verified customer

    Very useful pluginSince I use it was compatible with my theme and it is very easy to use, it is highly recommended except if you want to filter variations by stock as it does not recognize when a variation is out of stock.

FAQ

Here you can find some frequently asked questions about this plugin. If you can't find a reply to your doubts, ask a question: we will reply in a very short time
Topics:
  • All
  • Variable products
  • Customization
  • General
  • Price

When using variable products, can you filter results and show only those products that have, for example, "Large" size in stock?

It is possible to filter product results and combine two filters, "Large" size and "In-stock" filter: the plugin will show all products in stock that have "Large" as product variation. Yet, it is not possible to show only products that have the "Large" variation in stock, because of the way the stock is calculated, that is, as long as at least one variation is in stock, the variable product is marked as in-stock.

There is a workaround available for that, though, which can work if you are using also YITH Color, Image & Label Variation Swatches for WooCommerce and its specific option that shows the product variations as if they were separate products in the Shop page (you can read more about this option here). In that case, if you combine the "Large" and "in-stock" filters, you will only see "Large" in-stock variations and get to the result.

Does it work with ACF (Advanced Custom Fields)?

It does not work with custom fields, unfortunately.

Can the categories be collapsed by default?

The plugin allows showing your filters as a toggle and selecting to have them closed or opened by default through the related option.

Is there a limit for the color filter? If so, how many color options can I give?

There's no limit to the number of color options you can add, the widget will display all the attributes you have set up on your WooCommerce.

Does the plugin work selecting multiple categories?

Based on the filter type selected, you will have the Allow multiple selection option which allows users selecting multiple terms when filtering products.

Is it possible to show a certain filter only for a certain product category?

Yes, the plugin allows adding different presets for each product category. 

 

Can I use the plugin on a custom page?

Yes, the plugin works both on standard WooCommerce pages and on custom ones.

Is it possible to let the customer filter by price with "from price" and "to price", where the customer enters both values?

Yes, when creating the filter for Price slider, you can choose the style and show a slider only, the fields “From” and “To” or both.

Is it possible to filter for more than one attribute, for example I want to filter two or three brands at the same time?

A customer can filter for more than one attribute but this is related to the product configuration. The plugin shows ONLY the attributes that are possible to match, so you can filter for more than one attribute. Please note: a “brand” is not an attribute in general. If you use our plugin YITH WooCommerce Brands Add-on the “Brands” is a taxonomy, however sometimes a user can create a new attribute called Brand, in this case it works as an attribute.

Can't find the answer?

Send us your question and we will reply very quick!

Send your question

Technical Info

  • Version: 4.31.0
  • Released: 2024-02-20
  •  
  • Minimum PHP version: 7.2
  • Requires: WordPress 6.2 and WooCommerce 8.4
  • Compatible up to: WordPress 6.4.x and WooCommerce 8.6.x
  •  
  • Supported multilanguage plugins: WPML, Weglot, Loco Translate
  • Translation ready: YES
  • Languages 100% guaranteed by YITH: English, Italian, Spanish
  • Languages provided by users: French (100%), Portuguese (Brazil) (100%), German (99%), German Formal (99%), Dutch (99%), Greek (89%)
  • Support for: YITH Proteo theme. All YITH plugins.
  • Supported third party themes: Aardvark, Adrenalin, Astra, Aurum, Avada, Basel, Divi, Flatsome, Porto, Salient X, YooTheme, UX Shop, Storefront, Themify
  • Supported third party plugins: Elementor, Grid/List for WooCommerce, qTranslateX, Utimate Members, Utimate WooCommerce Brands PRO
  • GDPR Compliant: Not applicable
loading
1 year of updates and support
30-day money back guarantee
30 days money back guarantee Buy confidently with our buyer protection and get a full refund for any reason. Read our refund policy >
98% CUSTOMER SATISFACTION

We take great care of you and your shop today, and every day after that.

Meet the team