Blog

New Feature: Ajax Post Filter

New Feature: Ajax Post Filter

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.

View Demo

Ajax Post Filter

The Ajax post filter option has been added on the following modules:

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.

Ajax post 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.

URL Hashtag

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.

Exclude categories

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.

Sort filter

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.

Load more button

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!

11 Comments

  1. Orit Hazon Mendel
    Feb 02, 2022 @ 14:55

    Hi,
    How can I download the Ajax Post Filter? I can’t see the plugin in the library.

    Reply

  2. Alec Bergsma
    Feb 02, 2022 @ 16:18

    This is great. But it’s only working on post-moudle. It’s not working on Advanced Post module.

    Reply

    • Nick @ Themify
      Feb 02, 2022 @ 18:13

      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.

      Reply

      • Alec Bergsma
        Feb 02, 2022 @ 20:43

        Great tip Nick. I also checked if my computer was plugged in. It was… and yet… still not working.

        Reply

      • Vcor
        Feb 03, 2022 @ 09:15

        Same thing here. It shows only the sort option but not the categories.

        Reply

  3. Adham
    Feb 02, 2022 @ 16:48

    Amazing !!

    Reply

  4. Debora Grim
    Feb 02, 2022 @ 23:32

    Great feature! Please help with making the title of the post sit below the image instead of above it.

    Thanks!

    Reply

  5. Amanda
    Feb 03, 2022 @ 11:33

    Such a great new and needed feature, thank you team Themify!!

    Reply

  6. Sunny Kumar
    Feb 04, 2022 @ 14:42

    Thank you, Themify team, for incorporating this great new and much-needed feature.

    Reply

  7. oceanbuilders
    Mar 09, 2022 @ 20:07

    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.

    Reply

    • Nick @ Themify
      Mar 09, 2022 @ 23:34

      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.

      Reply

Reply

Black Friday Sale: Use BF2022 for 40% off regular memberships or $75 off Lifetime with code BFLIFE22