Skip to content

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

Table Of Content

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.

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

Before You Start

  • Prerequisite: 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

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

Settings Overview

SettingWhat it doesDefault
Filter TypeNormal (reload) or AJAX Base (filters in place).Normal
Filter byFilters by Category or by Tag.Filter by Category

Related Docs

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.

Related Frequently Asked Questions

Related Docs