We are excited to announce another highly demanded feature, the Ajax post filter. We've extended our existing post filter feature with Ajax capability. The old post filter we had was only able to filter the posts already queried on the page. With the new Ajax feature, users can filter and query posts on the whole site (including the posts that are not queried on the page). The new Ajax post filter is perfect for sites with a lot of posts/products. It allows users to select categories from the post filter navigation and then click on the "Load More" button to load more posts infinitely until there is no more post. To see this in action, view our Post Filter and WooCommerce product filter demo.
Ajax Post Filter
The Ajax post filter option has been added on the following modules:
- Builder's Post module (available on any Themify theme or Builder plugin)
- Portfolio module (required Themify Portfolio plugin)
- WooCommerce addon (required Builder WooCommerce)
- Advanced Posts (required Builder Pro)
- Advanced Products (required Builder Pro)
To enable the Ajax post filter feature, drop in one of the above modules on the module options. First enable the "Post Filter" and then enable the "Ajax Filter" option. Once you enable the Post Filter option, you will also see the additional options: URL Hushtag, Exclude Category, and Sort Filter.
URL Hushtag
With the URL Hushtag option enabled, when user clicks on the post filter category, the browser address bar will have a hushtag. If you go to the URL with the hushtag, it will scroll the page to the location where you have the post filter and open the selected category.
Exclude Category
If you have the Ajax post filter enabled, all categories are present on the filter navigation by default. If you want to exclude certain categories, you would enter the category IDs in a comma-separated list.
Sort Filter
The sort filter lets the user to sort the posts by title or date in ascending/descending order. This feature is also available on the Builder WooCommerce addon. So users can sort products by title, date, price, and rating.
Load More
To enable the load more button, make sure the "Page Navigation" is enabled. When there are more posts in the query, the load more button will present. It is a nifty feature that allows users to go through all posts without having to redirect to another page.
WordPress 5.9 Compatibility
There have been a lot of changes in WordPress 5.9. We are happy to announce that all Themify themes and plugins are compatible with the latest WordPress 5.9. It is safe to update your Themify themes/plugins to the latest version. Cheer!
February 2, 2022 @ 2:55 pm
Hi,
How can I download the Ajax Post Filter? I can’t see the plugin in the library.
February 2, 2022 @ 4:18 pm
This is great. But it’s only working on post-moudle. It’s not working on Advanced Post module.
February 2, 2022 @ 6:13 pm
Ajax filter is available on Post, Portfolio, WooCommerce addon, Advanced Posts and Advanced Products. Make sure you update the Themify theme and Builder Pro to the latest version.
February 2, 2022 @ 8:43 pm
Great tip Nick. I also checked if my computer was plugged in. It was… and yet… still not working.
February 3, 2022 @ 9:15 am
Same thing here. It shows only the sort option but not the categories.
February 2, 2022 @ 4:48 pm
Amazing !!
February 2, 2022 @ 11:32 pm
Great feature! Please help with making the title of the post sit below the image instead of above it.
Thanks!
February 3, 2022 @ 11:33 am
Such a great new and needed feature, thank you team Themify!!
February 4, 2022 @ 2:42 pm
Thank you, Themify team, for incorporating this great new and much-needed feature.
March 9, 2022 @ 8:07 pm
Hello Themify,
This is great!
How likely is that you can add this feature to infinite posts module?
With that you will make other post filters plugins redundant.
March 9, 2022 @ 11:34 pm
Unfortunately, don’t think we can add it to Infinite Posts addon because it serves different purposes. With Infinite Posts, when you scroll, it loads more posts. If we add post filters on infinite scroll, it will trigger conflicts.