annastaa

<p>annasta Filters for WooCommerce provide the fast and flexible search through the products of your shop. Our free plugin offers a plenitude of premium features, including the <strong>product Categories</strong>, Tags, <strong>WooCommerce product attributes</strong>, custom product taxonomy and <strong>product meta data</strong> filters support. Enjoy the rich customization options of the <strong>dedicated Customizer section</strong>, custom filter icons and color box styles, built-in <strong>infinite scroll</strong> and button-controlled offcanvas sidebar options, step-by-step product finders, SEO options, caching-enhanced performance, and more!</p>
<p>Visit the <a href="https://annasta.net/demos/annasta-woocommerce-product-filters/" rel="nofollow ugc">annasta Filters Demo Site</a> to see the plugin in action.</p>
<p>Use the versatile controls of the filters’ admin interface to fine-tune the plugin to the needs of your site. Please visit <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/support/" rel="nofollow ugc">the plugin support page</a> for help with the initial setup and further adjustments.</p>
<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/lvQJFuXZV_Q?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>
<h4>Plugin Features Highlights</h4>
<ul>
<li>Use the annasta Filters <strong>Guttenberg block</strong>, <strong>shortcode</strong>, widget, or a WooCommerce hook to <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/tutorials/getting-started/#inserting-preset-into-the-site" rel="nofollow ugc">insert the filters into a sidebar, header, or other elements of your site</a>. To change the initial off-canvas sidebar behavior, customize the <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/preset-settings/visibility/" rel="nofollow ugc">Visibility</a> of the pre-installed preset.</li>
<li>Our plugin will filter the WooCommerce shop and archives (product category / tag / brand pages), and can also be <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/plugin-settings/shortcodes-pages/" rel="nofollow ugc">set up to work with the WooCommerce [products] shortcodes</a>. On any other page of your site the filters will act as links to the corresponding filtered results of the main WooCommerce shop page.</li>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/preset-settings/display-on/" rel="nofollow ugc">Control the pages on which you wish to display your filters</a>, display different filter sets for different categories / brands / tags (multiple presets are available in the premium version).</li>
<li>Try the annasta dedicated <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/product-lists-settings/ajax-mode/" rel="nofollow ugc">AJAX mode</a> for even <strong>faster AJAX filtering</strong>.</li>
<li>URL filters: whenever needed (for SEO or other reasons), <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/preset-settings/filtering-style/" rel="nofollow ugc">setup your filters as HTML hyperlinks</a>.</li>
<li><strong>URL updates and browser Back and Forward navigation support</strong> is implemented in all our WooCommerce AJAX filter modes.</li>
<li><strong>NEW!</strong> URL rewrite options allow <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/seo-settings/rewrite-filters-to-permalinks/" rel="nofollow ugc">turning filtering parameters into permalinks</a>.</li>
<li><strong>SEO options</strong> include the dynamic page and shop titles updates, auto-insertion of <strong>canonical links</strong> for filtered pages, addition of rel=”nofollow” to filters’ <a> tags, as well as auto-generation of meta description tags from combinations of currently active filters.</a></li>
<li><strong>Step-by-step filters style</strong> with extensive settings allows the <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/preset-settings/step-by-step-filters-settings/" rel="nofollow ugc">creation of product finders</a>, with or without redirects.</li>
<li>Variable products stock status support.</li>
<li>Suggestions <strong>autocomplete</strong> option is available for the annasta products string search control.</li>
<li>Built-in <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/product-lists-settings/pagination/" rel="nofollow ugc">AJAX pagination options</a> for your WooCommerce shop include <strong>Infinite scroll</strong>, AJAX-driven page numbers, and <strong>Load More button</strong> next page loads.</li>
<li>Responsive display options provide the filters display depending on device screen width (read about the <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/preset-settings/visibility/" rel="nofollow ugc">Visibility</a> setting).</li>
<li>Preset visibility modes controlled by “Filters” toggle button will open your filters in a <strong>popup (offcanvas) sidebar</strong> or under the toggle button.</li>
<li><strong>WPML support</strong></li>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/troubleshoot/elementor/" rel="nofollow ugc">Elementor compatibility</a></li>
</ul>
<h4>Filters</h4>
<ul>
<li><strong>WooCommerce product taxonomy filters</strong>: create filters out of any built-in WooCommerce taxonomy (product categories, tags), <strong>WooCommerce product attributes</strong> of your choice (size, color, gender), or a custom WooCommerce taxonomy (brands, countries of origin etc).</li>
<li>Our <strong>Products price filter</strong> can be styled as a range slider or a list of predefined price ranges. Dynamic min/max price slider values can be enabled in plugin options.</li>
<li>The annasta <strong>products string search</strong> control will combine the results retrieved by the WooCommerce search engine with the currently selected filters. Relevanssi and Advanced Woo Search engines support can also be enabled for annasta search controls.</li>
<li><strong>Stock availability filter</strong> will display WooCommerce products by their stock status: in stock, out of stock, or backordered. Stock status filtering for the variable products can be enabled with the help of the <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/plugin-settings/stock-filter-variations-support/" rel="nofollow ugc">Stock filter variations support</a> beta option.</li>
<li><strong>Products rating filter</strong> will display WooCommerce products by rating ranges, e.g. 0 – 1, …, 2 – 3, 4 – 5 stars.</li>
<li><strong>Featured products filter</strong> will limit results to the products that are marked as featured.</li>
<li><strong>On sale filter</strong> will limit the filtered results to the products that have sale price.</li>
<li><strong>Product meta data filters</strong>: create filters out of WooCommerce product meta data, such as length, width, date, or any custom meta fields.</li>
<li><strong>Products per page control</strong> will let your shop visitors select the desired amount of products per page.</li>
<li><strong>Products sort by control</strong> allows the addition of products sorting (order by) options to your annasta Filters presets, and will provide full support for the URL or AJAX sorting of your WooCommerce shop.</li>
</ul>
<h4>Filters customization</h4>
<ul>
<li>Multiple / single item selection.</li>
<li>Range selection for the prices, rating and meta data filters. Range support for the taxonomy filters is available in the premium version.</li>
<li>Datepicker control for date and time products metadata filters, with single date and dates range selection support.</li>
<li>Use the <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/filter-settings/filter-items-control/" rel="nofollow ugc">Filter items control</a> setting to exclude the unneeded filtering terms, manualy select the needed filtering options, or for the dynamic display of the currently selected options and their sub-levels (subcategories).</li>
<li>Enable button submission for separate filters.</li>
<li>Active filters badges (collectors) are available for the whole set of filters (preset), and on the single filter level.</li>
<li>Clear all filters (“Reset all”) button can be enabled for all the filters of the preset and each filter separately (in the premium version).</li>
<li>Collapsible filters enable the toggle buttons that allow to open or collapse the lists of filtering options. Dropdowns (JavaScript-powered select boxes) are provided by the premium version of the plugin.</li>
<li>Hierarchical levels display control.</li>
<li>Hierarchical children (subcategories) display and collapse: hide/display/toggle the sub-levels of a WooCommerce filter created out of hierarchical taxonomy.</li>
<li><strong>Dynamic product counts</strong> display is supported in all the taxonomy-based filters. <a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/filter-settings/empty-items-style/" rel="nofollow ugc">Zero count results concealment option</a> is available in the premium version.</li>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/filter-settings/custom-icons/" rel="nofollow ugc">Customizable filter icons with hover state support</a> (any Font Awesome Free icon of your choice) can be set up directly through the filter admin interface.</li>
<li>Color boxes filter style for the color attributes.</li>
<li><strong>Modify filters appearance</strong>, such as fonts, colors, borders and margins in the annasta Filters section of WordPress Customizer (Appearance > Customize > annasta Filters).</li>
</ul>
<h4>Under the hood</h4>
<ul>
<li>To maximize the speed and increase the compatibility with the rest of your WooCommerce shop architecture, this plugin has been carefully designed to make the most of the native WordPress and WooCommerce APIs.</li>
<li>Caching is used to increase the speed of page loads.</li>
<li>Our plugin is translations-ready. Please, let us know if you wish to share a translation to your language with the community!</li>
</ul>
<p>This plugin has been tested up to the PHP version 8.3</p>
<p>We are committed to further improving the users’ experience with our filters for WooCommerce shops, so any feedback, or bugs / problems reports are very much welcome and will receive our careful consideration!</p>
<h3>Support</h3>
<ul>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/documentation/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/tutorials/getting-started/" rel="nofollow ugc">Getting started tutorial</a></li>
<li><a href="https://annasta.net/plugins/annasta-woocommerce-product-filters/troubleshoot/" rel="nofollow ugc">Troubleshoot Guide</a></li>
<li>Ask your questions on the plugin <a href="https://wordpress.org/support/plugin/annasta-woocommerce-product-filters/" rel="ugc">Support Forum</a></li>
</ul>
<h3>Credits</h3>
<ul>
<li><a href="https://jqueryui.com" rel="nofollow ugc">jQuery UI</a></li>
<li><a href="https://github.com/leongersen/noUiSlider" rel="nofollow ugc">noUiSlider</a></li>
<li><a href="https://github.com/leongersen/wnumb" rel="nofollow ugc">wNumb</a></li>
<li><a href="https://github.com/mdbootstrap/perfect-scrollbar" rel="nofollow ugc">perfect-scrollbar</a></li>
<li><a href="https://github.com/dangrossman/daterangepicker" rel="nofollow ugc">Date Range Picker</a></li>
<li><a href="https://github.com/moment/moment/" rel="nofollow ugc">Moment.js</a></li>
<li><a href="https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker" rel="nofollow ugc">Alpha Color Picker</a></li>
<li><a href="https://fontawesome.com/v5/search?ic=free-collection" rel="nofollow ugc">Font Awesome 5 Free</a></li>
<li><a href="https://fonts.google.com" rel="nofollow ugc">Google Fonts</a></li>
</ul>


annasta Filters for WooCommerce

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

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.

annasta Filters for WooCommerce vs Advanced AJAX Product Filters