Title: AJAX Product Filter for WooCommerce Author: webangon Published: October 1, 2026 Last modified: October 1, 2026 --- Search plugins ![](https://ps.w.org/webangon-product-filter-for-woocommerce/assets/banner-772x250. png?rev=3722225) ![](https://ps.w.org/webangon-product-filter-for-woocommerce/assets/icon-256x256. gif?rev=3722225) # AJAX Product Filter for WooCommerce By [webangon](https://profiles.wordpress.org/webangon/) [Download](https://downloads.wordpress.org/plugin/webangon-product-filter-for-woocommerce.zip) * [Details](https://wordpress.org/plugins/webangon-product-filter-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/webangon-product-filter-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/webangon-product-filter-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/webangon-product-filter-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/webangon-product-filter-for-woocommerce/) ## Description **AJAX Product Filter for WooCommerce** helps shoppers narrow a catalog down to what they want in a few clicks. Each change refreshes the product grid instantly, and every option shows a live count of matching products, so nobody lands on an empty page. Filters are built in a visual builder with a live preview that uses your real products. Pick a preset, add or reorder filters, choose a skin and layout, and place the filter on your shop. No code is needed. #### Filter by anything shoppers care about * **Categories, tags and brands** as checkboxes, radio buttons, chips or dropdowns * **Product attributes** such as colour and size, including **colour and image swatches** * **Price range slider** with min and max inputs, or preset price ranges * **Average rating** (4 stars and up, 3 stars and up…) * **Stock status** (in stock, on backorder, out of stock) * **On sale** toggle * **Sort order** (popularity, rating, newest, price) * **Active filters** chips with one-click remove and “Clear all” #### Layouts and design * **Vertical sidebar**, **accordion**, **horizontal bar** with dropdown panels, or a **popup** opened from a Filters button * Mobile-friendly: a slide-in drawer on small screens, and the popup becomes a bottom sheet on phones * Six skins (classic, cards, minimal, soft, outline, dark) with your own colours, radius, spacing and font sizes * Ready-made presets: shop sidebar, horizontal bar, card accordion, dark compact and popup filter #### Fast AJAX shop experience * The product grid, result count and pagination update without reloading the page * Option counts refresh in a single lightweight request, so it stays fast on large catalogs * Update results instantly or wait for an “Apply” button * AJAX pagination: page numbers, previous and next, “Load more” button or infinite scroll * Filtered URLs are shareable and bookmarkable, and the back button works * Works without JavaScript as a normal form, which is good for accessibility and SEO #### Place filters anywhere * **Automatically** beside the shop and product category, tag and brand archives, with an optional sticky sidebar * **Shortcode**: `[webangon_product_filter id="123"]` * **Gutenberg block** * **Elementor widget** (Webangon category) * **Classic widget** for classic theme sidebars #### Privacy The plugin does not connect to any external service and does not track visitors. ## Blocks This plugin provides 1 block. * AJAX Product Filter ## Installation 1. Upload the `webangon-product-filter` folder to `/wp-content/plugins/`, or install it from the Plugins screen. 2. Activate the plugin. WooCommerce must be active. 3. Go to Products > Product Filters, create a filter set and choose where it appears. ## FAQ ### Does it work with Elementor? Yes. Add the “Product Filter” widget from the Webangon category and choose a filter set. Put it on a shop or product archive template so it can refresh the product grid. ### Does it require WooCommerce? Yes. WooCommerce 8.0 or newer is required. ### Can I show a filter set anywhere? Yes. Use the shortcode, block, classic widget or Elementor widget shown on the filter set edit screen. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “AJAX Product Filter for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ webangon ](https://profiles.wordpress.org/webangon/) [Translate “AJAX Product Filter for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/webangon-product-filter-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/webangon-product-filter-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/webangon-product-filter-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/webangon-product-filter-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/webangon-product-filter-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Version **1.0.0** * Last updated **4 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.1.2** * PHP version ** 7.4 or higher ** * Tags * [ajax filter](https://wordpress.org/plugins/tags/ajax-filter/)[price filter](https://wordpress.org/plugins/tags/price-filter/) [product filter](https://wordpress.org/plugins/tags/product-filter/)[swatches](https://wordpress.org/plugins/tags/swatches/) [woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/webangon-product-filter-for-woocommerce/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/webangon-product-filter-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/webangon-product-filter-for-woocommerce/reviews/) ## Contributors * [ webangon ](https://profiles.wordpress.org/webangon/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/webangon-product-filter-for-woocommerce/)