Universal AJAX Filter
| 开发者 |
prostilmangasule
walstartechnologies pratapvashi123 walstarmedia |
|---|---|
| 更新时间 | 2026年10月2日 18:02 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Smart Ajax Filter lets you build front-end filter bars that refresh results instantly via AJAX — without writing a single AJAX handler. Create as many filter sets as you need from a simple admin screen, then drop each one into a page using a shortcode or the plugin's own Elementor widget.
Each filter set can combine multiple fields — Search, Dropdown/Select, Checkbox, and Radio — bound to any taxonomy and its terms, and can drive one of four result actions:
- Query Posts – filter standard WordPress posts
- Query Products – filter WooCommerce-style product post types
- Filter CPT – filter any custom post type on your site
- Load Elementor Template – render matching items through an Elementor Pro Loop Item template
- Visual filter builder — add, reorder, and remove filter fields from the admin screen; no code editing needed.
- Multiple filter types — Search, Dropdown/Select, Checkbox, and Radio, each bindable to any taxonomy and specific terms.
- Four result actions — Query Posts, Query Products, Filter CPT, or Load an Elementor Template, so one tool covers blogs, shops, and custom content types.
- Shortcode support — every saved filter gets its own shortcode, e.g.
[psaf_smart_ajax_filter id="12"], ready to paste into any page, post, or widget area. - Native Elementor widget — search for "Smart Ajax Filter" in the Elementor panel and configure a filter directly inside the page editor, with no shortcode or saved filter needed.
- Elementor Loop Item support — point a filter at an Elementor Pro Loop Item template so filtered results render with your own template design.
- Custom results target — results load by default into a
.psaf-resultscontainer, or you can point the filter at your own CSS selector to filter an existing grid on the page. - Configurable pagination and sorting — set results per page, order-by field, and sort direction per filter.
- Custom loading and empty-state text — set your own "Loading..." and "No results found." messages per filter.
- Multiple filters per site — build unlimited independent filter sets, each with its own configuration, shortcode, and widget instance.
- Lightweight front end — vanilla AJAX requests with dedicated frontend CSS/JS assets, only loaded where needed.
- Go to Smart Ajax Filter → Add New in the WordPress admin menu.
- Choose a post type, result action (Query Posts, Query Products, Filter CPT, or Load Elementor Template), results-per-page, and sort order.
- Add one or more filter fields (Search, Dropdown/Select, Checkbox, Radio) and bind each to a taxonomy and, optionally, specific terms.
- Save the filter — you'll get a ready-to-use shortcode, e.g.
[psaf_smart_ajax_filter id="12"]. - Paste the shortcode into any page or post, or open Elementor and drag in the "Smart Ajax Filter" widget to configure the same filter directly in the builder.
- Visitors filter results instantly on the front end — no page reload.
- WordPress 5.8 or higher.
- PHP 7.4 or higher.
- Elementor (free) is only required if you want to use the native Elementor widget — the shortcode works with any theme or page builder.
- Elementor Pro is only required if you choose the "Load Elementor Template" result action to render results through a Loop Item template.
安装:
- Upload the
prostil-smart-ajax-filterfolder to the/wp-content/plugins/directory, or install the plugin zip through Plugins → Add New → Upload Plugin. - Activate the plugin through the Plugins menu in WordPress.
- Go to Smart Ajax Filter → Add New to create your first filter.
- Copy the generated shortcode into a page/post, or add the "Smart Ajax Filter" widget from the Elementor panel.
屏幕截图:
常见问题:
Do I need Elementor to use this plugin?
No. The shortcode [psaf_smart_ajax_filter id="X"] works on any theme or page builder. The Elementor widget is an optional, additional way to add and configure a filter directly inside the Elementor editor.
Can I filter WooCommerce products?
Yes. Choose the "Query Products" result action and set the post type accordingly when creating a filter.
Can I filter a custom post type?
Yes. Choose "Filter CPT" as the result action and select your custom post type from the Post Type dropdown.
Can filters target an existing results grid on my page instead of generating their own?
Yes. By default results load into a .psaf-results container, but you can set a custom CSS selector as the results target in the filter settings to hook into your own existing grid.
Does this work with Elementor Loop Item templates?
Yes, if Elementor Pro is active. Set the result action to "Load Elementor Template" and select the Loop Item template you want filtered results rendered through.
Can I create more than one filter?
Yes. Create as many independent filter sets as you need from Smart Ajax Filter → Add New — each has its own configuration, shortcode, and can also be added as a separate Elementor widget instance.
更新日志:
1.2.0
- Added admin dashboard "How To Use" guide covering the shortcode and the Elementor widget.
- Added a one-click Copy button for each filter's shortcode in the admin list.
- Added native Elementor widget so filters can be built directly inside the Elementor editor.
- Added support for loading results through an Elementor Pro Loop Item template.
- Initial release: visual filter builder, Search/Dropdown/Select/Checkbox/Radio filter types, AJAX results, shortcode support for Posts, Products, and custom post types.