YITH WooCommerce Ajax Product Filter

Description

E-commerce product filtering is a must-have tool to help your customers narrow in on the product they’re looking for and find products they might be interested in based on specific features (size, color, category, etc.)

A reliable product filtering is what allows your visitors to enjoy and appreciate your product catalog instead of leaving it after a few seconds.

After all, if users can’t easily browse your product lists, they can’t easily find what they are looking for. And if they can’t find it, they can’t buy it. It’s easy to understand. 🙂

With the YITH WooCommerce Ajax Product filter and its new “2021’s massive redesign”, you can finally tackle the user experience in your WooCommerce powered shop. You can help your customers easily find and filter your products by categories, tags, taxonomy, and all kinds of attributes like sizes, colors, materials, brands, etc.

You can create unlimited presets and show the filters on standard WooCommerce pages (Shop, Category pages) or custom pages created with Gutenberg or Elementor. You can add your filters anywhere, using the built-in widget, shortcode, or Gutenberg block. In this way, you can create a preset of filters for the shop page, a preset of filters for a specific product category, another preset of filters for a custom page, and so on: no limits and total maximum control.

YITH WooCommerce Ajax Product filter features

FREE VERSION

  • Easily create and customize unlimited presets of filters to show on different pages (New from 4.0!)
  • Show filters using widget shortcodes and Gutenberg blocks (also on custom pages) (New from 4.0!)
  • Filter by product categories (New from 4.0!)
  • Filter by tags (New from 4.0!)
  • Filter any product attributes (color, size, material, etc.)
  • Choose the filter style (checkbox, select, text and color swatches)
  • Choose the ordering of the terms
  • Choose whether to show terms hierarchy or not
  • Allow multiple selections (with AND or OR) or not
  • Adoptive filtering: terms not available will be hidden
  • Show a “Reset Filters” button
  • Scroll-to-top option in mobile devices and/or desktop
  • SEO options (Activate/deactivate the indexing of the generated URLs in search engines for the filter operation of the plugin) (New!)
  • Beautiful & modern design, suitable for each kind of shop or theme

See it in action here:

Check the Live Demo of the free version >

NEED MORE? CHECK THE PREMIUM VERSION!

With the latest update, we have improved the UX and added significant features to our free version. For example, in the previous versions, some essential features like “filter by category” or “filter by tag” options were missing. We worked hard to release a free plugin that works for our users. Anyway, if you want more (like a mobile-friendly design inspired by the larger e-commerce sites), feel free to check the features we provide in our excellent premium version:

  • Two additional layouts for the color filter: bicolor and image support (to better represent gradients, textures, patterns…)
  • Additional layout: label/image. Upload icons, photos and images to identify terms
  • Choose the position of the reset button (above products, above or under filters area)
  • Choose whether to show active filters (with X to remove them) or not and their position (above products, above or under filters area)
  • Modal window on mobile: a layout for filters 100% optimized for mobile devices! (Other plugins just add filters after the products list on mobile, yet, in this way, product filtering on smartphones and tablets is not working. We are the first to have designed and developed a 100% mobile-friendly filtering solution: in a modal window inspired by the largest e-commerce sites!)
  • Filter for reviews
  • Price slider to filter products by price
  • Price ranges with unlimited ranges (last range can show “& above”)
  • Filters to show on sale/in-stock products
  • Ajax sorting for products displayed on the page (by rating, price, popularity, latest)
  • Show an optional tooltip on hover for terms
  • Show filters as a toggle (opened or collapsed by default)
  • Show or hide the count of items
  • Adoptive filtering: choose whether terms not available must be hidden (as in the free version) or keep them visible but not clickable (only in premium)
  • Choose to hide empty terms and out of stock products automatically
  • Customize colors and style of filters area through the dedicated “customization” tab (colors, color swatches size, select and checkbox type, etc.)
  • Upload a custom loader
  • Permalinks management: choose to keep permalinks unchanged, change them by adding filtered terms or use a custom user-friendly and shorter permalink (for a better sharing experience!)
  • Use instant AJAX filtering or show a button to apply filters manually without AJAX
  • Choose whether to show filter results on the same page or a new page
  • Compatible with the YITH WooCommerce Brands Add-on plugin

See it in action here (we have three different demo samples):

Check the Live Demo of the premium version >

And if you love it, get it!

GET THE PREMIUM VERSION HERE with a 100% Money Back guarantee >

Screenshots

  • Filters on shop page
  • Applied filters and Reset button
  • Filter types - Select
  • Filter types - Color Swatches
  • Filter types - Checkbox
  • Filter types - Labels
  • Filter types - Text
  • Admin - Filter presets
  • Admin - Preset editing
  • Admin - Filter details
  • Admin - General settings
  • Admin - SEO settings
  • Elementor widget
  • Gutenberg block

Installation

  1. Unzip the downloaded zip file.
  2. Upload the plugin folder into the wp-content/plugins/ directory of your WordPress site.
  3. Activate YITH WooCommerce Ajax Product Filter from Plugins page.

FAQ

I’m using YITH AJAX Product Filter widgets in my sidebar; can I continue to use them, or shall I switch to preset?

Widgets will continue to work with the 4.x version, and we will continue to support them in the upcoming plugin versions. We encourage you to give the Preset system a try and, if you like it, to switch from widgets to Presets (we even included a tool to help you transition to the new system)
We will eventually deprecate old widgets, but we will make sure to notify everyone before this happens 🙂

How do I upgrade to the new Preset system?

It will be as easy as clicking a button: when updating to version 4.x, if you’re already using the plugin’s widgets, the system will automatically add a note in presets pages
Clicking on that note, you’ll be able to run our automatic conversion tool to create preset from your current sidebar configuration.
After creating presets, you’ll just need to use the YITH AJAX Filter Preset widget in your sidebar, replacing previous widgets, and selecting the desired presets.

If you accidentally hide the Upgrade popup, don’t worry: you can run the same process from WooCommerce -> Status -> Tools

You can read more about the upgrade process here

Where can I see your plugin in action?

The chances are that you’ve already seen it in some store, given its great adoption 🙂
The best way to test the full functionality is on our Live demo, where you’ll be able to create your test-environment and try every option of the plugin
If you want more, you could also look at our premium version here

I’ve installed your plugin, but not all selected filters are appearing on the frontend

Our plugin automatically hides filters that don’t have any matching item with current product selection (this mostly work on shop-pages or product taxonomies)
If you think filters are incorrect, you could try to clear plugin transients, visiting WooCommerce -> Status -> Tools and using the dedicated button.

I’ve installed your plugin, and now I’m missing some products from my shop page

Our plugin doesn’t change the product list until a filter is activated
If you feel something is strange with your current product selection, you should try to clear plugin transients, visiting WooCommerce -> Status -> Tools and using the dedicated button.

Is it compatible with all WordPress themes?

Compatibility with all themes is impossible because there are too many who don’t follow the recommended coding standards for WooCommerce, but generally if themes are developed according to WordPress and WooCommerce guidelines, YITH plugins are compatible with them.
For an optimal result, we suggest you use our plugins in conjunction with our amazing YITH Proteo theme, available for free download on WordPress.org
If you find incompatibilities with your current theme, don’t hesitate to report them on the support forum, and we’ll do our best to provide official support

After filtering my page breaks down/has missing elements

This could be related to an incompatibility with your theme; in most cases, it could be caused by missing JS initialization after filtering, but also some template elements (such as sidebars or titles) could be missing after load
We suggest you test the plugin on a default twenty theme
If the problem persists, then it could be something specific with the plugin, and we invite you to report on the support forum
Otherwise, the problem is most probably related to theme incompatibility; in this case, your best chance is to contact theme’s developers, but you can also report on the support forum to let us know, and give us the chance to schedule a test.

How can I get support if my plugin is not working?

If you have problems with our WooCommerce plugins or something is not working as it should, first follow these preliminary steps:

  • Test the plugin with a WordPress default theme, to be sure that the error is not caused by the theme you are currently using.
  • Deactivate all plugins you are using and check if the problem is still occurring.
  • Ensure that your plugin version, your theme version, and your WordPress and WooCommerce version (if required) are updated and that the problem you are experiencing has not already been solved in a later plugin update.

If none of the previous listed actions helps you solve the problem, then, submit a ticket in the forum and describe your problem accurately, specify WordPress and WooCommerce versions you are using, and any other information that might help us solve your problem as quickly as possible. Thanks!

Reviews

5 снежня, 2023 2 replies
Be warned - YITH Product filter plugin contains some serious exploits, which are used by bot networks to DoS a site. After explaining the issue multiple times to YITH, showing detailed server log files, they are refusing to acknowledge a potential issue - instead they keep asking for a Live login, which we can't provide for many reasons. YITH are unwilling to investigate on their own servers - instead they expect you to set up a test server for them, demonstrating how their plugin doesn't work. They have been extremely unhelpful - and so far have refused our money back.
23 жніўня, 2023 1 reply
Thank you for the plugin that displays only the necessary filters on the page
7 чэрвеня, 2023 3 replies
I tried multiple product filters and none of them worked with my divi page for all products. I have worked with yith before but this time I have forgotten about it. but I didn't find a mobile friendly settings for it ...
9 лютага, 2023 1 reply
Slows down the site, If you make the wrong decision and actually buy this plug in, note that they misled you and have a tacit subscription in place. they just charge your account the following year without even sending a email invoice. just just you don't notice it. They do not accept refunds requests.
Read all 86 reviews

Contributors & Developers

“YITH WooCommerce Ajax Product Filter” is open source software. The following people have contributed to this plugin.

Contributors

“YITH WooCommerce Ajax Product Filter” has been translated into 12 locales. Thank you to the translators for their contributions.

Translate “YITH WooCommerce Ajax Product Filter” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

4.31.0 – Released on 20 February 2024

  • New: support for WooCommerce 8.6
  • Update: YITH plugin framework
  • Fix: make sure that when disabling intersections the term items do not appear disabled by default

4.30.0 – Released on 17 January 2024

  • New: support for WooCommerce 8.5
  • Tweak: minor change to preset edit screen appearance
  • Update: YITH plugin framework

4.29.0 – Released on 27 December 2023

  • New: support for WooCommerce 8.4
  • Tweak: changed handling of filters, to support for numeric, non consecutive filter ids
  • Tweak: when skipping filters intersections, also skip check on terms children count
  • Update: YITH plugin framework
  • Fix: fatal error when creating a new preset

4.28.0 – Released on 20 November 2023

  • New: support for WooCommerce 8.3
  • New: support for WordPress 6.4
  • Update: YITH plugin framework
  • Fix: term put outside hierarchical structure if empty

4.27.0 – Released on 09 October 2023

  • New: support for WooCommerce 8.2
  • Update: YITH plugin framework
  • Dev: change isset to empty for prevent fatal error if a parameter is empty

4.26.0 – Released on 13 September 2023

  • New: support for WooCommerce 8.1
  • Update: YITH plugin framework

4.25.3 – Released on 01 September 2023

  • Fix: fatal error “Uncaught TypeError: array_intersect(): Argument #1 ($array) must be of type array, string given”

4.25.2 – Released on 29 August 2023

  • Update: YITH plugin framework
  • Fix: additional fix to previous one about deprecated “Automatic conversion of false to array”

4.25.1 – Released on 17 August 2023

  • Update: YITH plugin framework
  • Fix: fixed deprecated “Automatic conversion of false to array” in PHP 8.1

4.25.0 – Released on 17 August 2023

  • New: support for WooCommerce 8.0
  • New: support for WordPress 6.3
  • Update: YITH plugin framework

4.24.1 – Released on 18 July 2023

  • Update: YITH plugin framework
  • Fix: wrong percentage calculation on filter-item width

4.24.0 – Released on 13 July 2023

  • New: support for WooCommerce 7.9
  • Update: YITH plugin framework

4.23.0 – Released on 15 June 2023

  • New: support for WooCommerce 7.8
  • Update: YITH plugin framework
  • Fix: style issue with Image selector on admin panel
  • Dev: declared HPOS compatibility

4.22.0 – Released on 16 May 2023

  • New: support for WooCommerce 7.7
  • Update: YITH plugin framework

4.21.0 – Released on 17 April 2023

  • New: support for WooCommerce 7.6
  • Tweak: changed trigger used to re-init wishlist elements after filtering
  • Update: YITH plugin framework
  • Fix: label not shown if text is “0”

4.20.0 – Released on 13 March 2023

  • New: support for WodPress 6.2
  • New: support for WooCommerce 7.5
  • Update: YITH plugin framework

4.19.0 – Released on 08 February 2023

  • New: support for WooCommerce 7.4
  • Update: YITH plugin framework
  • Tweak: make sure that formatted terms array is filtered before returning it
  • Tweak: minor fix to Filter dependencies on admin panel
  • Dev: replacing the on-off field in the Presets table with the plugin FW
  • Dev: added yith_wcan_filter_title_html filter

4.18.0 – Released on 10 January 2023

  • New: support for WooCommerce 7.3
  • Update: Readme
  • Update: YITH plugin framework
  • Fix: removed deprecated method used for Elementor compatibility
  • Dev: added new filter yith_wcan_get_filters

4.17.0 – Released on 13 December 2022

  • New: support for WooCommerce 7.2
  • Update: plugin FW
  • Fix: sass deprecated
  • Dev: added yith_wcan_toggle_element trigger

4.16.0 – Released on 14 November 2022

  • New: support for WooCommerce 7.1
  • New: support for WodPress 6.1
  • Tweak: add rel nofollow attribute to Active Labels anchor, when SEO option is enabled
  • Tweak: check if preset has relevant filters before showing it
  • Tweak: prevent JS error with jQuery autocomplete library and filter dropdown
  • Update: YITH plugin framework
  • Fix: patched security vulnerability

4.15.0 – Released on 5 October 2022

  • New: support for WooCommerce 7.0
  • Tweak: remove auto-complete for dropdown search inputs
  • Update: YITH plugin framework

4.14.0 – Released on 20 September 2022

  • New: support for WooCommerce 6.9
  • Tweak: added reload_on_back localized parameter
  • Update: YITH plugin framework

4.13.0 – Released on 08 August 2022

  • New: support for WooCommerce 6.8
  • Update: YITH plugin framework
  • Dev: minor changes

4.12.0 – Released on 07 July 2022

  • New: support for WooCommerce 6.7
  • Update: YITH plugin framework

4.11.0 – Released on 16 June 2022

  • New: support for WooCommerce 6.6
  • Update: YITH plugin framework
  • Remove: 3rd party CSS libraries not strictly needed in the plugin
  • Remove: unused premium JS modules

4.10.0 – Released on 16 May 2022

  • New: support for WordPress 6.0
  • New: support for WooCommerce 6.5
  • Update: YITH plugin framework
  • Dev: replaced deprecated Elementor methods

4.9.0 – Released on 04 April 2022

  • New: support for WooCommerce 6.4
  • Update: YITH Plugin Framework

4.8.0 – Released on 03 March 2022

  • New: support for WooCommerce 6.3
  • Update: YITH Plugin Framework

4.7.0 – Released on 09 February 2022

  • New: support for WooCommerce 6.2
  • Update: YITH Plugin Framework

4.6.0 – Released on 12 January 2022

  • New: support for WooCommerce 6.1
  • New: support for WordPress 5.9
  • Update: YITH Plugin Framework
  • Update: updated the “Premium” tab in the settings

4.5.0 – Released on 21 December 2021

  • New: support for WooCommerce 6.0
  • Update: YITH Plugin Framework
  • Fix: fixed deprecated method _content_template() and replaced with the new method

4.4.0 – Released on 11 November 2021

  • New: support for WooCommerce 5.9
  • Update: YITH Plugin Framework

4.3.0 – Released on 10 October 2021

  • New: support for WooCommerce 5.8
  • Update: YITH Plugin Framework

4.2.1 – Released on 27 September 2021

  • Update: YITH Plugin Framework
  • Fix: debug info feature removed for all logged in users

4.2.0 – Released on 24 September 2021

  • New: support for WooCommerce 5.7
  • Update: YITH plugin framework
  • Tweak: improved plugin’s internal cache management
  • Tweak: improved integration with YITH WooCommerce Color & Label Variations, when showing variations on loop
  • Tweak: suppress plugin’s filters when retrieving in-stock products
  • Tweak: better compatibility with products query (supports queries with more than one post type)
  • Tweak: avoid duplicated ID for select filters
  • Tweak: add filtered body class via JS, immediately after filtering action takes place
  • Tweak: improved terms hierarchy appearance on RTL
  • Tweak: delete plugin transients when C&L configuration changes
  • Fix: apply changes to the query even when it retrieves a product taxonomy
  • Fix: set correct ‘include’ parameter when retrieving terms’ children
  • Fix: prevent possible notice when handling terms hierarchy with use_all_terms enabled
  • Fix: allow system to retrieve C&L term configuration, when Use all Terms is enabled
  • Dev: Reset Filters button now has its own set of filters, distinct from ones used for Apply Filters button
  • Dev: added yith_wcan_filter_tax_label_image_size and yith_wcan_filter_tax_color_image_size filters
  • Dev: added yith_wcan_filter_tax_label_image_attr and yith_wcan_filter_tax_color_image_attr filters
  • Dev: added yith_wcan_supported_filters_parameters trigger
  • Dev: added yith_wcan_doing_filters function to check if system is performing filters
  • Dev: added yith_wcan_suppress_cache filter

4.1.1 – Released on 04 August 2021

  • New: support for WordPress 5.8
  • New: support for WooCommerce 5.6
  • Update: YITH plugin framework
  • Tweak: code refactoring
  • Tweak: avoid caching query_vars until wp performed main query, to be sure to include all parameters available
  • Tweak: avoid possible error with Tax queries without terms
  • Fix: prevent possible error on preset edit page when running PHP 8
  • Fix: populateFilter method causing issues when loading more terms on backend
  • Fix: avoid possible notice when shop has product taxonomies with no rewrite defined
  • Fix: empty terms when using AutoPopulate options
  • Fix: plugin can now disable filters with numeric slugs
  • Dev: added second parameter to yith_wcan_filter_tax_additional_item_classes filter
  • Dev: added yith_wcan_pre_reduce_tax_query filter, to allow programmatically skip reduce_tax_query execution

4.1.0 – Released on 18 June 2021

  • New: support for WooCommerce 5.4
  • New: auto-populate taxonomy filters
  • New: support for YITH WooCommerce Color and Label Variations
  • New: support for Hello Elementor theme
  • New: automatically use term image, when available
  • New: option to choose where to show term labels in color/label layouts
  • New: added cron to delete transient with the old cache version
  • Update: YITH plugin framework
  • Tweak: changed name of the flag used to suppress filters query processing
  • Tweak: use svg instead of text for x icon in filters
  • Tweak: improved compatibility with Porto theme
  • Fix: issue with query-vars processing, …