AJAX Product Filter for WooCommerce
| 开发者 | webangon |
|---|---|
| 更新时间 | 2026年10月1日 20:04 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
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"
- 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
- 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
- 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
安装:
- Upload the
webangon-product-filterfolder 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.
常见问题:
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.
更新日志:
1.0.0
- Initial release.