Description
Ajax Smart Filter lets you add a powerful, real-time (AJAX) filtering UI to any post type using a simple shortcode.
- Filter by search, categories, tags, and sort options.
- Pagination (numeric, next/prev, or both).
- Customizable templates for the filter bar and result items.
- URL state (query string) support so filters persist on refresh and can be shared.
- Autocomplete suggestions for search.
- Tabs or dropdowns for taxonomy filters.
Demo: https://ajaxsmartfilter.rf.gd/
Features
- Real-time AJAX filtering without page reloads
- Search box with optional autocomplete suggestions
- Category and Tag filters as dropdowns or clickable tabs
- Sort by newest/oldest (extendable via hooks)
- Pagination styles: numeric, next/prev, or both
- 4 blog result templates (including Masonry and Horizontal Card)
- Fully customizable HTML templates for filter bar and results
- Query string integration (IDs or Names) with custom parameter names
- Keyboard-friendly search (Enter triggers filtering)
- Lightweight front-end and WordPress-native backend
Usage
Place the shortcode on any page or post:
[asfp_post_filter id="123"]
Where 123 is the ID of the Filter Set you created in the admin.
Screenshots
Installation
- Upload the plugin folder
ajax-smart-filter/(or your chosen folder name) to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Create a new “Filter Set” item from the admin menu and configure options.
- Place the shortcode
[asfp_post_filter id="<filter-set-id>"]into your page or post.
FAQ
-
How do I display the filter UI?
-
Create a Filter Set in the admin and place its ID in the shortcode:
[asfp_post_filter id="123"]. -
Can I customize the markup?
-
Yes. In the Filter Set editor, you can provide custom HTML templates for the filter bar and result items.
-
Yes. Enable “URL Query String” in your Filter Set and choose ID or Name format. You can also customize parameter names.
-
Does it work with custom post types?
-
Yes. Choose any public post type in the Filter Set.
-
Will it work with my theme?
-
Yes. The plugin outputs clean HTML and minimal CSS. You can further style via your theme or by editing the template HTML.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Ajax Smart Filter” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Ajax Smart Filter” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1
Initial release