Skip to content

How to Add Infinite Scroll in Elementor Logo Showcase?

Table Of Content

Infinite scroll loads the next batch of client logos as the visitor reaches the bottom of the list, so nobody has to click anything.

In the Clients widget from The Plus Addons for Elementor this is the Lazy Load option.

To check the complete feature overview documentation of The Plus Addons for Elementor Clients Listing widget, click here.

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

Before You Start

  • Edition: Pro — the Clients widget is free, but Post Loading Options needs The Plus Addons for Elementor Pro.
  • Widget to enable: Clients, under The Plus Addons > Widgets. Elementor shows it in the Listing group.
  • Prerequisite: more client entries than Maximum Posts Display. With 8 clients and Maximum Posts Display left at its default of 8 there is nothing left to load, so no control appears.
  • Also needed: a page long enough to scroll past the listing — see Limitations.

Set the first batch

  1. Edit the page with Elementor and select the Clients widget.
  2. In Layout, pick Grid or Masonry and leave Select Source on Post Type. Lazy Load is not offered for the carousel or for the Repeater source.
  3. Open Content Source and set Maximum Posts Display below your number of clients.

Turn Lazy Load on

  1. Open the More Post Options section.
  2. Under Post Loading Options, click the fourth picture button, Lazy Load.
  3. Set More posts on click/scroll to the number of logos each batch should add.
The more post options section of the clients widget with the post loading options buttons

Scrolling down past the logos then pulls in the next batch on its own, and the batch after that, until every client is listed.

Settings in this section

SettingWhat it doesDefault
Loading TextShown while the next batch is being fetched.Loading…
All Posts Loaded TextShown once every client has been loaded.All done!
More posts on click/scrollHow many logos each batch adds.4
Loading Spinner — Color, size and Border SizeThe rotating ring shown while a batch loads.theme
Loaded All Posts Typography and Loaded Posts Text ColorStyling for the finished message.theme

How It Behaves

  • Each batch is fetched in the background and appended to the list. The page does not reload.
  • The spinner sits directly under the logos and is replaced by the next batch.
  • Batches keep coming while you scroll until every client that matches the query has been listed.
  • Nothing is written into the page address, so a scrolled view cannot be shared. Use Load More with URL Enable for that.

Limitations

  • The next batch is only requested once you have scrolled past the bottom of the listing. On a short page where the whole listing is already on screen, nothing ever loads — the spinner sits there and the list stays at Maximum Posts Display. Put real content below the listing, or use Load More instead.
  • Post Loading Options needs The Plus Addons for Elementor Pro. With only the free plugin the list stops at Maximum Posts Display with nothing below it.
  • Lazy Load is not available for the Carousel layout or the Repeater source.
  • Content placed under the listing keeps moving down as batches arrive, which can make a footer hard to reach on a very long client list.

Troubleshooting

Scrolling loads nothing

The most common cause is a short page: if the logos and the spinner are visible without scrolling, the trigger never fires. Add content below the listing, or switch to Load More.

No spinner at all

Maximum Posts Display is at or above your number of clients, so there is nothing to load. Lower it.

It stops after one batch

Scroll further down. Each batch only arrives when you reach the bottom of the list again.

Related Docs

Related Frequently Asked Questions

Related Docs