gobanana

<p>This plugin will output a list of your chosen categories and filter the posts on the fly using jQuery animation.</p>
<p>The setting pages allows you to select which categories should appear, whether or not to include jQuery (if you don’t already have it in the ) and a place to define the posts container. This should be either the class or id of the div that contains all the posts for filtering.</p>
<p><strong>I am open to suggestions to improve the plugin !</strong></p>
<h3>Plugin Site</h3>
<p>http://gobanana.ca/wp-filters</p>


WP-Filters

A live post filtering plugin. Choose which categories to show in the filter and watch the post show/hide without reloading.

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.

WP-Filters vs Ajax Product Filter for Woocommerce