fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Load More / Infinite Scroll for Elementor

Introduction:
The Load More / Infinite Scroll Widget gives you the ability to show a small amount of posts or products and only when clicking the button or scrolling down the page it will reveal more results for your query.

Supported Widgets:

Post List

Post Grid 

Post Magazine Grid

Post Blocks

Post Tiles

Post Timeline

Woocommerce Product List

Woocommerce Product Grid

Install a Post Widget or Woo Widget #

The Load More / Infinite Scroll widget can work with any post grid or list widget and with any Woocommerce grid or list widget.

Install the Load More / Infinite Scroll Widget #

The Load More / Infinite Scroll widget can work with any post grid or list widget and with any Woocommerce grid or list widget.

Add both widgets to a page and enable AJAX in the post widget #

After adding both the widgets to a page you will need to enable AJAX in the post widget. Now your post widget and the Load More / Infinite Scroll widget are connected and already working together.

Settings for Load More / Infinite Scroll Widget #

1

Num Loading Items

The number of items that will load each time a user clicks the load more button or scroll down the page when using infinite scroll.

2

Infinite Scroll

Turn on the toggle to hide the load more button and make your post widget load more items when a user scroll down the page automatically. 

3

Show Button After (Loadings)

Show the load more button after X number of infinite scroll loadings.

4

Load More Button Text

The text that will be inside the load more button.

5

Alignment

Use this setting to align the button and loader.

6

Show Loading Text

Toggle the text of the loading animation on or off. 

7

Loading Text

The text that will show when more items are being loaded.

8

Show Loading Image

The animation that will show above the text. 

9

Loading Image

Choose a loading animation from the predefined list or upload a custom image.

10

Debug Loading State

Toggle this mode on in the editor to see the loading animation so you can design it. Don't forget to toggle back off once you are done. 

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!