What is YITH WooCommerce Ajax Product Filter plugin?
YITH WooCommerce Ajax Product Filter is one of the most popular product filtering plugins for WooCommerce shops, enabling customers to filter products by category, attribute (color, size, brand), price range, rating, availability, and custom taxonomies — with results updating instantly via Ajax without page reload. With over 100,000 active installations and availability on WordPress.org, it is the leading free option in the YITH product filter category for stores that need WooCommerce layered navigation beyond what the default WooCommerce filter widgets provide.
The free version provides checkbox, radio, and dropdown filter types, price range slider, stock status filtering, rating filtering, and horizontal or vertical filter layouts — covering the most common product filtering needs for small to medium WooCommerce stores. YITH Ajax Filter Premium (from YITH’s website, approximately $89.99/year) adds color swatch and image-based filter types, adaptive filtering (hiding filter options that would return zero results), mobile-optimized filter UI, URL-based filter state for shareable filtered URLs, and integration with YITH’s variation swatches plugin for visual attribute filters.
YITH Ajax Filter is the simpler, WooCommerce-native alternative to FacetWP for standard product filtering needs. FacetWP provides more filtering power (proximity search, hierarchical filters, custom query integration) but at higher complexity and cost. For WooCommerce stores needing solid product filtering for standard product attributes and categories, YITH Ajax Filter’s free version covers the requirement at zero cost.
Need Help With YITH WooCommerce Ajax Product Filter Setup, Troubleshooting, or Customization?
Need help with YITH WooCommerce Ajax Product Filter? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.
Get YITH WooCommerce Ajax Product Filter Expert HelpKey Features
- Filter types: checkboxes, radio buttons, dropdown, label
- Price range slider
- Stock status filter (in-stock / out-of-stock)
- Rating filter (by star rating)
- Category hierarchy filtering
Pros & Cons
Pros
- Free version covers standard product filtering needs for most WooCommerce stores
- Ajax filtering provides instant results — better UX than page reload-based filtering
- YITH's active maintenance ensures WooCommerce compatibility
Cons
- Color swatch and image filters (highly desirable for visual product categories) require Premium
- Mobile filter optimization requires Premium
Free vs Premium
Free: checkbox/radio/dropdown filters, price range, stock, rating. Premium (~$89.99/year): color swatches, image filters, adaptive filtering, mobile optimization, URL management.
Common Problems & Fixes
YITH Ajax Filter is not showing filter results — selecting a filter option does nothing and the product listing does not update. How do I debug the Ajax filtering?
Ajax filtering requires JavaScript and server-side filtering to work together. Check: (1) browser DevTools Console for JavaScript errors preventing filter click handlers from attaching; (2) browser DevTools Network tab for failed Ajax requests when a filter is clicked; (3) a security plugin or server WAF may be blocking Ajax requests — check security plugin logs for blocked requests; (4) verify the filter widget is on a page with a WooCommerce product loop — filters do not work on pages without a product listing; (5) YITH Ajax Filter must be configured to work with the specific product loop on your page — if using a custom product display (Elementor product widget, custom query), the filter integration may need additional configuration.
The YITH price range slider is not working correctly — dragging the slider does not update the product listing. How do I fix the price slider?
Price slider issues are usually JavaScript library conflicts. The slider uses jQuery UI Slider component. Check: (1) a theme or plugin loading a conflicting version of jQuery UI may override the slider behavior; (2) in browser DevTools, inspect the slider HTML element to see if the jQuery UI Slider initialization is present; (3) clear all caches — cached JavaScript may be a previous version without the slider; (4) test with a default WordPress theme to isolate whether the issue is theme-specific; (5) verify product prices in WooCommerce are correctly set — if all products have the same price, the slider range may collapse to a single point.
YITH Ajax Filter is creating large database tables (yith_wcaf_*) that are slowing down the site. How do I manage the database growth?
YITH Ajax Filter stores filter session data and filter term associations in custom database tables. Large table sizes indicate: (1) filter session data accumulating without cleanup — go to YITH → Ajax Product Filter → Settings and look for database cleanup options or session data management; (2) a site with very high traffic generating many filter sessions; (3) run a database optimization using WP-Optimize or similar to clear unused rows. Also check if the filter cache tables can be safely truncated when not in use. For permanent management, schedule regular cleanup using WP-Cron or a database maintenance plugin.
Customization & Developer Notes
How do I add a color swatch filter for product colors using YITH Ajax Filter?
Color swatch filters require YITH Ajax Filter Premium AND the YITH WooCommerce Color & Label Variations plugin. With both active: (1) configure color swatches for your color attribute in YITH Variation Swatches settings; (2) create a new YITH Ajax Filter widget targeting the Color attribute; (3) select “Color Swatch” as the filter display type; (4) the filter renders as color circles rather than text checkboxes. Without Premium, the filter appears as a text checkbox list. For a free color swatch filter, consider using the FacetWP Color facet type instead.
How do I display YITH Ajax Filter in a horizontal bar above the product grid instead of a sidebar?
YITH Ajax Filter provides a horizontal layout option. In the filter widget or shortcode settings, configure the layout to “Horizontal.” The horizontal layout places filter elements in a single row suitable for placing above the product grid. Use the [yith_wcan_filters preset=”PRESET_ID”] shortcode to place the horizontal filter bar in a Gutenberg block, Elementor shortcode widget, or custom template. For page builder-built shop pages, place the horizontal filter shortcode in a full-width section above the products section.
Frequently Asked Questions
Is YITH Ajax Filter better than WooCommerce's built-in layered navigation widgets?
Yes — YITH Ajax Filter provides significantly better filtering UX than WooCommerce’s default layered navigation widgets in several ways: instant Ajax results without page reload, price slider instead of text links, combined filter display (multiple filter types in one interface), and a more configurable appearance. WooCommerce’s built-in layered navigation requires page reload and is visually minimal. For any store where product filtering is used regularly by customers, YITH Ajax Filter’s free version is a meaningful improvement at zero cost.
Does YITH Ajax Filter work with custom product attributes?
Yes — YITH Ajax Filter works with any WooCommerce attribute, including custom attributes created in Products → Attributes. When creating a filter widget, all WooCommerce attributes (standard like Color and Size, and any custom attributes created by your team) appear in the filter type dropdown. Custom taxonomy-based attributes (registered by plugins like Brands, Fabric, Material, etc.) also work with YITH Ajax Filter when the taxonomy is correctly registered as a WooCommerce attribute.
Can YITH WooCommerce Ajax Product Filter break after updates?
Yes, that can happen, especially on older sites with many plugins. This usually happens when the plugin, theme, and add-ons are updated out of sequence. In most cases, testing on staging catches the issue before it reaches the live site. From experience, backups and changelog reviews save a lot of cleanup time.
What should I check before installing YITH WooCommerce Ajax Product Filter?
Start by checking whether another plugin already does the same job. In most cases, overlap is what creates avoidable conflicts and performance issues. A common issue is installing a plugin because it looks convenient without checking the stack first. From experience, a short compatibility review avoids most of the pain later.