---
title: "How to Display Posts Using an AJAX Filter in Dynamic Listing?"
url: https://theplusaddons.com/docs/display-posts-using-an-ajax-filter-in-dynamic-listing/
date: 2025-05-16
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to display posts from a specific category using the Dynamic Listing widget in Elementor? With the help of AJAX filters from The Plus Addons for Elementor, you..."
word_count: 545
---

# How to Display Posts Using an AJAX Filter in Dynamic Listing?

## Key Takeaways

- The Plus Addons for Elementor enables AJAX filtering to search through all posts, enhancing the visibility of category-based content.
- The Dynamic Listing widget requires a Maximum Posts Display number lower than the total posts to activate AJAX filtering effectively.
- Selecting the Ajax option allows filtering from all available posts, even if only a few are initially displayed.

Do you want to display posts from a specific category using the Dynamic Listing widget in Elementor? With the help of **AJAX filters** from The Plus Addons for Elementor, you can easily show category-based posts from all available posts, not just the ones currently visible on the page.

When you use AJAX filtering, it searches through your entire post list, even if you're only showing a few posts at first. This makes it easier for visitors to find what they're looking for and ensures your filters work more accurately. In this guide, we’ll explain how AJAX filtering works and how it improves the post display experience on your site.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing widget, [click here](/docs/dynamic-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

First, you need to create some posts under any custom post type to display them, then follow the steps - 

1. Add the Dynamic Listing widget to a page or template. 

2. Select **Normal Page** from the **Post Listing Types** dropdown. 

3. Then select your post type from the **Post Type** dropdown, i.e., “*Posts*” here.

4. After that, select the appropriate style and layout (except Carousel).

> *Note: To see the ****Ajax ****Filter effect, you need to enter a number lower than the total number of posts in the ****Maximum Posts Display**** section under the ****Content Source**** tab. I.e., ****3**** here,*

5. Then, go to the **Category Wise Filter** tab and enable the **Category Wise Filter** toggle.

6. After that, select the **Ajax **option from the **Filter Type** dropdown.

> *Note: You need to understand how the ****Ajax ****option actually works. Please see the steps below.*

Let's first start with the Normal type

## Normal Filter Type:

When you choose the **Normal** option from the Filter Type dropdown and set the **Maximum Posts Display** to **4 **under **Content Source** tab, even if you have a total of **8 posts**, the filter will only apply to the **4 **posts that are currently displayed.

So, if you select a specific category on your page, it will search for matching posts **only within those 4 displayed posts**, **not from all 8 posts**.

**Example:**

- Total Posts: 8

- Max Posts Display: 4

- Selected Category: Clothing

- Result: It will only filter from the 3 visible posts and show the ones that belong to the **Clothing** category (if any).

Then move to the **Ajax **type.

## Ajax Filter Type:

When you choose the **Ajax** option from the **Filter Type** dropdown, and set the **Maximum Posts Display** to **4 **under the **Content Source** tab, even though only **4** posts are shown at first, the filter will search through **all 8 total posts**, not just the ones currently displayed.

So, when you select a specific category on your page, it will filter from the **entire list of 8 posts** and then display the ones that match your selected category.

**Example:**

- Total Posts: 8

- Max Posts Display: 4

- Selected Category: Clothing

- Result: It will filter from **all 8 posts** and show the **Clothing** category posts (up to 3, based on your display limit).

Now, you’ll see the posts from your selected category on this page.

## Frequently Asked Questions

**Q: What do I need before starting to display posts using an AJAX filter?**
A: You need to have The Plus Addons for Elementor installed and activated to use the Dynamic Listing widget. Additionally, create some posts under any custom post type before following the steps.

**Q: What happens when I select the Normal Filter Type?**
A: When you choose the Normal Filter Type, the filter applies only to the posts currently displayed. For example, if you set Maximum Posts Display to 4, it will only filter from those 4 posts, not the entire post list.

**Q: How does the AJAX filter improve post display?**
A: The AJAX filter allows searching through the entire post list, even if only a few posts are initially visible. This ensures that visitors can find relevant posts from the entire collection, enhancing the filtering accuracy.

**Q: What is the difference between the Normal Filter Type and AJAX Filter Type?**
A: The Normal Filter Type only filters from the visible posts, while the AJAX Filter Type searches through all posts regardless of visibility. This means AJAX provides a broader search result based on the entire post list.

**Q: What do I need to do to see the AJAX Filter effect?**
A: To see the AJAX Filter effect, you must enter a number lower than the total number of posts in the Maximum Posts Display section under the Content Source tab. For example, setting it to 3 when you have more than 3 posts.

**Q: What steps should I follow to enable the AJAX filter?**
A: To enable the AJAX filter, after adding the Dynamic Listing widget, select the Ajax option from the Filter Type dropdown and enable the Category Wise Filter toggle in the Category Wise Filter tab.