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

Advanced AJAX Product Filters

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

annastaa

annasta Filters for WooCommerce

All-in-one products search and filtering solution for your WooCommerce shop with rich features and customization options.

VillaTheme

Andy Ha

Pofily – WooCommerce Product Filters

Easily add customizable filters to WooCommerce products with Pofily. Tailor filters to customer needs for seamless product searches.

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>


Alternatives to Ajax Product Filter for Woocommerce

Top alternatives