Smart Ajax Filter lets you build front-end filter bars that refresh results instantly via AJAX \u2014 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.<\/p>\n\n
Each filter set can combine multiple fields \u2014 Search, Dropdown\/Select, Checkbox, and Radio \u2014 bound to any taxonomy and its terms, and can drive one of four result actions:<\/p>\n\n
[psaf_smart_ajax_filter id=\"12\"]<\/code>, ready to paste into any page, post, or widget area.<\/li>\n- Native Elementor widget<\/strong> \u2014 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.<\/li>\n
- Elementor normal grid support<\/strong> \u2014 when using the standard Elementor editor, filtered results can be displayed using a regular Elementor grid without requiring Elementor Pro.<\/li>\n
- Elementor Pro Loop Grid support<\/strong> \u2014 filter results can be rendered using Elementor Pro Loop Grid and Loop Item templates, allowing you to use your custom Loop Item designs. Elementor Pro is required for Loop Grid\/Loop Item functionality.<\/strong><\/li>\n
- Custom results target<\/strong> \u2014 results load by default into a
.psaf-results<\/code> container, or you can point the filter at your own CSS selector to filter an existing grid on the page.<\/li>\n- Configurable pagination and sorting<\/strong> \u2014 set results per page, order-by field, and sort direction per filter.<\/li>\n
- Custom loading and empty-state text<\/strong> \u2014 set your own \"Loading...\" and \"No results found.\" messages per filter.<\/li>\n
- Multiple filters per site<\/strong> \u2014 build unlimited independent filter sets, each with its own configuration, shortcode, and widget instance.<\/li>\n
- Lightweight front end<\/strong> \u2014 vanilla AJAX requests with dedicated frontend CSS\/JS assets, only loaded where needed.<\/li>\n<\/ul>\n\n
How It Works<\/h4>\n\n\n- Go to Smart Ajax Filter \u2192 Add New<\/strong> in the WordPress admin menu.<\/li>\n
- Choose a post type, result action (Query Posts, Query Products, Filter CPT, or Load Elementor Template), results-per-page, and sort order.<\/li>\n
- Add one or more filter fields (Search, Dropdown\/Select, Checkbox, Radio) and bind each to a taxonomy and, optionally, specific terms.<\/li>\n
- Save the filter \u2014 you'll get a ready-to-use shortcode, e.g.
[psaf_smart_ajax_filter id=\"12\"]<\/code>.<\/li>\n- Paste the shortcode into any page or post, or<\/strong> open Elementor and drag in the \"Smart Ajax Filter\" widget to configure the same filter directly in the builder.<\/li>\n
- Visitors filter results instantly on the front end \u2014 no page reload.<\/li>\n<\/ol>\n\n
Requirements<\/h4>\n\n\n- WordPress 5.8 or higher.<\/li>\n
- PHP 7.4 or higher.<\/li>\n
- Elementor (free) is only required if you want to use the native Elementor widget \u2014 the shortcode works with any theme or page builder.<\/li>\n
- Elementor Pro is only required if you choose the \"Load Elementor Template\" result action to render results through a Loop Item template.<\/li>\n<\/ul>\n\n\n
\n- Upload the
prostil-smart-ajax-filter<\/code> folder to the \/wp-content\/plugins\/<\/code> directory, or install the plugin zip through Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n- Activate the plugin through the Plugins<\/strong> menu in WordPress.<\/li>\n
- Go to Smart Ajax Filter \u2192 Add New<\/strong> to create your first filter.<\/li>\n
- Copy the generated shortcode into a page\/post, or add the \"Smart Ajax Filter\" widget from the Elementor panel.<\/li>\n<\/ol>\n\n\n
\nDo I need Elementor to use this plugin?<\/h3><\/dt>\nNo. The shortcode [psaf_smart_ajax_filter id=\"X\"]<\/code> 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.<\/p><\/dd>\nCan I filter WooCommerce products?<\/h3><\/dt>\nYes. Choose the \"Query Products\" result action and set the post type accordingly when creating a filter.<\/p><\/dd>\n
Can I filter a custom post type?<\/h3><\/dt>\nYes. Choose \"Filter CPT\" as the result action and select your custom post type from the Post Type dropdown.<\/p><\/dd>\n
Can filters target an existing results grid on my page instead of generating their own?<\/h3><\/dt>\nYes. By default results load into a .psaf-results<\/code> container, but you can set a custom CSS selector as the results target in the filter settings to hook into your own existing grid.<\/p><\/dd>\nDoes this work with Elementor Loop Item templates?<\/h3><\/dt>\nYes, 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.<\/p><\/dd>\n
Can I create more than one filter?<\/h3><\/dt>\nYes. Create as many independent filter sets as you need from Smart Ajax Filter \u2192 Add New<\/strong> \u2014 each has its own configuration, shortcode, and can also be added as a separate Elementor widget instance.<\/p><\/dd>\n\n<\/dl>\n\n\n1.0.0<\/h4>\n\n\n- Initial release: visual filter builder, Search\/Dropdown\/Select\/Checkbox\/Radio filter types, AJAX results, shortcode support for Posts, Products, and custom post types.<\/li>\n<\/ul>","raw_excerpt":"Build AJAX-powered filters for posts, products, and custom post types visually \u2014 with a shortcode and a native Elementor widget, no code required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/375872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=375872"}],"author":[{"embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/prostilmangasule"}],"wp:attachment":[{"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=375872"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=375872"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=375872"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=375872"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=375872"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=375872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}