AJAX Product Filter for WooCommerce

By webangon

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

Upload the webangon-product-filter folder to /wp-content/plugins/, or install it from the Plugins screen.
Activate the plugin. WooCommerce must be active.
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.

webangon

Translate “AJAX Product Filter for WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Initial release.

Ratings

No reviews have been submitted yet.

Your review

See all reviews