---
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-09-27
lang: en
author: "Aditya Sharma"
description: "The default filter bar reloads the whole page every time a visitor clicks a category or tag button, which feels slow on a long page. Setting Dynamic Listing's Filter Type..."
word_count: 268
---

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

## 

- Dynamic Listing sets Filter Type to AJAX Base and filters the grid in place, so only the cards refresh instead of the whole page reloading.
- The Plus Addons for Elementor Pro requires Elementor free installed and active, plus the Dynamic Listing widget enabled under The Plus Addons > Widgets.
- Category Wise Filter shows a brief loading state and swaps the grid’s contents without a page reload or scroll-position jump when a filter button is clicked.

The default filter bar reloads the whole page every time a visitor clicks a category or tag button, which feels slow on a long page.

Setting Dynamic Listing's **Filter Type** to **AJAX Base** filters the grid in place instead - only the cards themselves refresh, not the page.

For the full settings tour of the **Dynamic Listing** widget, see [Dynamic Listing Widget Settings Overview](https://theplusaddons.com/docs/dynamic-listing-widget-settings-overview/).

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

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

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Dynamic Listing is a **Pro** widget - it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Dynamic Listing** and turn its toggle on.

## Steps

- Add the **Dynamic Listing** widget, turn on **Category Wise Filter**.- Set **Filter Type** to **AJAX Base** (instead of **Normal**).

![Filter Type set to AJAX Base under Category Wise Filter](https://theplusaddons.com/wp-content/uploads/2026/09/dynamic-listing-ajax-filter-toggle.webp)

Clicking a filter button now shows a brief loading state and swaps the grid's contents without a page reload or scroll-position jump.

![Grid updating in place after an AJAX filter click](https://theplusaddons.com/wp-content/uploads/2026/09/dynamic-listing-ajax-filter-inplace.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Filter Type | Normal (reload) or AJAX Base (filters in place). | Normal |
| Filter by | Filters by Category or by Tag. | Filter by Category |

## Related Docs

- [How to Filter Custom Post Types by Taxonomy in Elementor?](https://theplusaddons.com/docs/filter-custom-post-types-by-taxonomy-in-elementor/)- [How to Create a Shareable URL with Category Filter For Posts in Elementor?](https://theplusaddons.com/docs/create-a-sharable-url-with-category-filter-for-posts-in-elementor/)

## Not verified

So you know exactly what has and has not been checked:

- Whether AJAX filtering re-triggers any active More Post Loading Options state (pagination/load more) correctly after a filter click was not specifically tested.

## Frequently Asked Questions

**Q: Why does the post filter reload the whole page instead of filtering in place?**
A: The default filter bar uses Normal mode, which reloads the whole page when someone clicks a category or tag. Switching the Dynamic Listing widget’s Filter Type to AJAX Base changes that behavior so only the grid refreshes. That matters on long pages because it avoids the scroll-position jump and feels faster for visitors. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this in-place filtering inside Dynamic Listing.

**Q: What do I need installed before using AJAX filtering in Dynamic Listing?**
A: Elementor free has to be installed and active, and Dynamic Listing itself is a Pro widget that needs The Plus Addons for Elementor Pro installed with its license activated. The widget also has to be enabled under The Plus Addons > Widgets by searching for Dynamic Listing and turning it on. If any of those pieces are missing, the widget will not appear, so this is a setup issue rather than a filter setting issue.

**Q: How do I make category or tag filters work without reloading the page?**
A: The key setting is Filter Type set to AJAX Base instead of Normal. The tutorial also says to turn on Category Wise Filter when adding the Dynamic Listing widget. That combination keeps the cards updating in place while the page stays put, which is useful when you want visitors to browse posts without losing their spot on a long layout.

**Q: What happens when someone clicks an AJAX filter button in Dynamic Listing?**
A: A brief loading state appears, then the grid content swaps without a full page reload or scroll-position jump. That behavior is the main reason AJAX Base feels smoother than Normal mode on content-heavy pages. It updates only the cards themselves, so the surrounding page stays stable while The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH handles the listing refresh.

**Q: Is AJAX filtering better than Normal mode for long post grids?**
A: AJAX Base is the better choice when you want a long listing page to feel lighter and less disruptive. Normal mode reloads the whole page every time a visitor clicks a category or tag button, while AJAX Base filters in place and keeps the current scroll position intact. That makes it a better fit for browsing-heavy pages where users are likely to click several filters in a row.

**Q: Will AJAX filtering work with pagination or load more after I change filters?**
A: That edge case was not specifically tested on this page. The tutorial only confirms that clicking a filter button shows a brief loading state and refreshes the grid without reloading the page. If your layout also uses More Post Loading Options such as pagination or load more, treat that as an unverified combination until you test it in your own setup.