Phoeniixx

<p><a href="http://productfilterfree.phoeniixxdemo.com/shop/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="http://productfilterfree.phoeniixxdemo.com/wp-content/uploads/2018/04/Ajax-Product-Filter-Free-Documentation.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<h4>Overview</h4>
<p>Woocommerce ajax product filter can be used by your customers to filter the products based on the attributes like color, size, price etc.</p>
<h4>Free Features:</h4>
<ul>
<li>Ajax based product filter</li>
<li>Widget- ajax product filter can be viewed on shop and category sidebar by adding‘Phoeniixx Ajax Product Filter’.</li>
<li>It can displayed as Color</li>
<li>It can displayed as List</li>
<li>It can displayed as Dropdown</li>
<li>It can displayed as Radio Button</li>
<li>It can displayed as Select Box</li>
</ul>
<p><a href="http://productfilterfree.phoeniixxdemo.com/shop/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="http://productfilterfree.phoeniixxdemo.com/wp-content/uploads/2018/04/Ajax-Product-Filter-Free-Documentation.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<p><strong>Take a look at how to add filter widget in the sidebar</strong>.<br />
<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/PWeTVDZbyyk?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></p>
<h4>Premium Features:</h4>
<p><a href="http://ajaxfilter.phoeniixxdemo.com/shop" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/ajax-product-filter-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2017/02/Ajax-Product-Filter.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<h4>Attribute Filter</h4>
<ul>
<li>Displayed styling options like- **Color**, **Link**, **Dropdown**, **Radio Button**, and **Select Box**</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian and Search Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Average Rating Filter</h4>
<ul>
<li>This widget filters the product based on the ratings by the customer.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Onsale Filter</h4>
<ul>
<li>This widget filters the products which are on the sale.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Category Filter</h4>
<ul>
<li>This widget divides the products into categories.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Price Filter</h4>
<ul>
<li>This widget filters the products based on the price- **Low to High**; **High to Low**</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Option to choose price filter styling options- **Box**, **Range** and **Slider**.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Reset Filter</h4>
<ul>
<li>This widget reset all the filtered products.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Sort By filter</h4>
<ul>
<li>This widget filters the product based on sorting list.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Stock Filter</h4>
<ul>
<li>This widget filters the available products.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Product Tag Filter</h4>
<ul>
<li>This widget filters the product based on the tags given to the products.</li>
<li>Option to Add Title, Description,Icon.</li>
<li>Enable/Disable Accordian Bar.</li>
<li>Advanced Styling Option.</li>
</ul>
<h4>Show attribute tags above the shop page.</h4>
<ul>
<li>Advanced Styling Options.</li>
</ul>
<p><a href="http://ajaxfilter.phoeniixxdemo.com/shop" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/ajax-product-filter-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2017/02/Ajax-Product-Filter.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/seofication/" rel="nofollow ugc">Seofication Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/news-prime/" rel="nofollow ugc">News Prime Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Ajax Product Filter for Woocommerce

Woocommerce ajax product filter can be used by your customers to filter the products based on the attributes like color, size, price etc.

BeRocket

Dmytro Holovnia

<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>✨ 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


A bit confusing to use but works fine

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

Ajax Product Filter for Woocommerce vs Advanced AJAX Product Filters