Fast and flexible AJAX product filters for WooCommerce. Filter by categories, attributes, price, tags, rating, and more. No page reloads.

Dmytro Holovnia

BeRocket

<p>Give your customers the power to find products instantly.<br />
<strong>WooCommerce Ajax Products Filter</strong> lets users filter, sort, and search products without reloading the page. Fast, flexible, and compatible with most themes and page builders.</p>
<p>Already packed with features in the free version, and even more powerful with <a href="https://berocket.com/woocommerce-ajax-products-filter/" rel="nofollow ugc">Pro and Business versions</a>.</p>
<h4>🚀 Spring Premium Days is LIVE!</h4>
<p><strong>Save 30%</strong> on Pro & Business.<br />
<strong>Pro:</strong> <em>Better filters mean better UX — and more conversions.</em><br />
<strong>Business:</strong> <em>Use <strong>Intelligent Filters</strong> to let shoppers filter multiple attributes in a single click (like Red + iPhone + Model X).</em><br />
🌿 Improve your store today. <a href="https://berocket.com/woocommerce-ajax-products-filter/?utm_source=free_plugin&utm_medium=wporg&utm_campaign=spring_2026&utm_content=top_ad_cta&utm_term=ajax_filters" rel="nofollow ugc"><strong>Limited time offer!</strong></a></p>
<h4>✨ Free Features</h4>
<p>Everything you need to create professional product filters:</p>
<ul>
<li><strong>Ajax Filtering, Pagination and Sorting</strong> – update results instantly without reloading.</li>
<li><strong>Drag & Drop Filter Builder</strong> – design filters with ease.</li>
<li><strong>Filter Types</strong>: checkboxes, dropdowns, radio buttons, sliders, color/image swatches.</li>
<li><strong>Filter Options</strong>: categories, attributes, tags, price, ratings, product meta (custom fields).</li>
<li><strong>Filter Controls</strong>: apply button, reset/clear button, selected filters area (vertical & horizontal).</li>
<li><strong>Filter Layouts</strong>: collapse on load, collapse on title click, nested filters, hierarchical display, limit height with scroll, hide extra values under “Show More” button.</li>
<li><strong>Filter Styles</strong>: multiple slider styles, button styles, checkbox styles, color box, image box, checked image style, Select + Select2 support.</li>
<li><strong>Advanced Display</strong>: show product counts, hide empty values, remove out-of-stock variations, child values on taxonomy pages.</li>
<li><strong>Widgets & Shortcodes</strong> – display filters/groups anywhere.</li>
<li><strong>Custom CSS Styling</strong> – style filters your way.</li>
<li><strong>Icons Before/After</strong> – add icons to titles and values.</li>
<li><strong>Selected Filters Area</strong> – horizontal/vertical styles, custom placement.</li>
<li><strong>Compatibility</strong>:
<ul>
<li>Works with most WooCommerce themes.</li>
<li>Page builders: Elementor, Divi, Beaver Builder.</li>
<li>Plugins: ACF Pro, WPML, Polylang, Relevanssi, Barn2 Product Table, other BeRocket plugins.</li>
<li>WooCommerce shortcodes.</li>
</ul>
</li>
<li><strong>SEO Friendly URLs</strong> – clean filter links.</li>
<li><strong>Integration</strong>: Permalink Manager for WooCommerce.</li>
<li><strong>Performance</strong>: minified JS/CSS, optimized code, scroll-to-top after filtering.</li>
<li><strong>Developer Friendly</strong> – hooks and custom code options for full control.</li>
<li><strong>Translation Ready</strong> – translate via .po/.mo files or plugin settings.</li>
<li><strong>Browser Back Button Support</strong> – smooth navigation with AJAX.</li>
</ul>
<p>👉 In short: almost everything you expect from a professional filter plugin — already free.</p>
<h4>🚀 Pro Features</h4>
<p>Upgrade to <a href="https://berocket.com/woocommerce-ajax-products-filter/" rel="nofollow ugc">WooCommerce Ajax Products Filter Pro</a> to unlock advanced features:</p>
<ul>
<li><strong>SEO Enhancements</strong>
<ul>
<li>SEO-friendly URLs with advanced control.</li>
<li>Canonical links, meta & titles for filtered pages.</li>
<li>Add filters to page title/description/header.</li>
</ul>
</li>
<li><strong>New Filter Types</strong>
<ul>
<li>Filter by stock status, sale status.</li>
<li>Filters by custom taxonomies.</li>
<li>Slider range for attributes/taxonomies.</li>
<li>Datepicker for attributes & product publication date.</li>
<li>Availability( in stock | out of stock | any ).</li>
</ul>
</li>
<li><strong>Advanced Styling & Layout</strong>
<ul>
<li>Filters above products, custom sidebar, 1–4 filters per row.</li>
<li>Collapsed filters above products.</li>
<li>Show filter titles only.</li>
</ul>
</li>
<li><strong>Filter Options</strong>
<ul>
<li>Product count per value.</li>
<li>Checkbox/value list for price ranges.</li>
<li>Multiple colors (up to 4) for attributes.</li>
<li>Display variation image/price matching selected filters.</li>
<li>Open product directly with matching variation.</li>
</ul>
</li>
<li><strong>Navigation Tools</strong>
<ul>
<li>Search box block for redirect filters.</li>
<li>Link setup after filtering.</li>
</ul>
</li>
</ul>
<h4>💼 Business Features</h4>
<p>For large stores and professional needs:</p>
<ul>
<li><strong>Filter Statistics</strong> – see which filters your customers use most.</li>
<li><strong>Custom SEO Meta per Page</strong> – individual SEO control for each filter result.</li>
<li><strong>Advanced Filter Styling</strong> – fine-tune filter design.</li>
<li><strong>Priority Support</strong> – direct help from the BeRocket team.</li>
</ul>
<h4>📌 Live Demo & Docs</h4>
<ul>
<li><a href="https://berocket.com/woocommerce-ajax-products-filter/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=ajax_filters" rel="nofollow ugc">Pro & Business</a></li>
<li><a href="https://woocommerce-products-filter.berocket.com/shop?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=ajax_filters" rel="nofollow ugc">Frontend Demo</a></li>
<li><a href="https://berocket.com/woocommerce-ajax-products-filter/?utm_source=wordpress_org&utm_medium=admin_demo&utm_campaign=ajax_filters#try-admin" rel="nofollow ugc">Admin Demo</a></li>
<li><a href="https://docs.berocket.com/plugin/woocommerce-ajax-products-filter?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=ajax_filters" rel="nofollow ugc">Documentation</a></li>
</ul>
<h4>🎬 Premium plugin video</h4>
<ul>
<li><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/PQTXzp9Tpbc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Ltz82Zs5pl0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/GA3O1F6YVNE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/GPA77L0XBxM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<em>we don’t have a video with the free plugin right now, but we are working on it</em></li>
</ul>
<h4>🤝 Compatibility with WooCommerce plugins</h4>
<p>Advanced AJAX Product Filters has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:</p>
<p>🔸 <a href="https://wordpress.org/plugins/advanced-product-labels-for-woocommerce/" rel="ugc"><strong>Advanced Product Labels for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/load-more-products-for-woocommerce/" rel="ugc"><strong>Load More Products for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/brands-for-woocommerce/" rel="ugc"><strong>Brands for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/gridlist-view-for-woocommerce/" rel="ugc"><strong>Grid/List View for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/product-preview-for-woocommerce/" rel="ugc"><strong>Product Preview for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/products-compare-for-woocommerce/" rel="ugc"><strong>Products Compare for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/wish-wait-list-for-woocommerce/" rel="ugc"><strong>Wishlist and Waitlist for WooCommerce</strong></a></p>
<h4>🧩 Shortcode</h4>
<ul>
<li>In editor <code>[br_filters attribute=price type=slider title="Price Filter"]</code></li>
<li>In PHP <code>do_shortcode('[br_filters attribute=price type=slider title="Price Filter"]');</code></li>
</ul>
<h4>⚙️ Shortcode Options:</h4>
<ul>
<li><code>attribute</code>(required) – product attribute, e.g. price or length. Don’t forget that WooCommerce adds the pa_ suffix for created attributes.<br />
So if you create a new attribute <code>jump</code>, its name is <code>pa_jump</code></li>
<li><code>type</code>(required) – checkbox, radio, slider or select</li>
<li><code>operator</code> – OR or AND</li>
<li><code>title</code> – whatever you want to see as a title. Can be empty</li>
<li><code>product_cat</code> – parent category id</li>
<li><code>cat_propagation</code> – should we propagate this filter to child categories? Set 1 to turn this on</li>
<li><code>height</code> – max filter box height. When height is met, the scroll will be added</li>
<li><code>scroll_theme</code> – used if height is set and actual height of the box is more</li>
</ul>


Advanced AJAX Product Filters

Perfect!


Does the job and is relatively easy to administer...


Nice plugin


The plugin works well but the confusing UI could be corrected. I wasted more than an hour setting up filters of product categories only to notice that they had to be set up as a filter of tags. Otherwise they will only show up on the shop page


Alternatives to Advanced AJAX Product Filters

Top alternatives