Descrição
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.
Capturas de tela
Instalação
- 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.
Perguntas frequentes
-
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.
Avaliações
Não há avaliações para este plugin.
Colaboradores e desenvolvedores
“Ajax Smart Filter” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin.
Colaboradores
Traduzir o “Ajax Smart Filter” para seu idioma.
Interessado no desenvolvimento?
Navegue pelo código, consulte o repositório SVN ou assine o registro de desenvolvimento por RSS.
Registro de alterações
1.1
Initial release