Skip to content

How to Add Infinite Scroll for Custom Post Types in Elementor?

Table Of Content

Infinite scroll removes the extra click a Load More button needs – the next batch of posts appears automatically as the visitor nears the bottom of the list.

Dynamic Listing calls this mode Lazy Load, under More Post Loading Options.

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 to the page.
  • Under More Post Options, set More Post Loading Options to Lazy Load.
More post loading options set to lazy load

The rest of the same text fields used by Load More (Loading Text, All Posts Loaded Text, More posts on click/scroll) still apply here – Lazy Load simply removes the click and triggers the same loading step automatically on scroll.

Settings Overview

SettingWhat it doesDefault
More Post Loading OptionsNone, Pagination, Load More or Lazy Load.None
More posts on click/scrollHow many extra posts each scroll trigger reveals.4
Loading TextText shown while the next batch fetches.Loading…

Related Docs

Not verified

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

  • The exact scroll-distance threshold that triggers the next batch (how close to the bottom of the page a visitor must scroll) was not measured precisely.

Related Frequently Asked Questions

Related Docs