As unfortunate as it is, Elementor doesn't provide any support for Ajax infinite loading. We've been requesting this feature for awhile, so it doesn't look like they'll be adding in anytime soon. Luckily for you, it's a pretty easy thing to implement with a free and super simple third party plugin. In this blog post we're going to introduce the plugin, discuss the best settings for ajax infinite loading, and show you some examples.
Catch Infinite Scroll allows you to add the magic of infinite scroll on your website. The plugin will help in increasing the user engagement on your WordPress site. The inspiration behind crafting Catch Infinite Scroll is Jetpack’s Infinite Scroll. Catch Infinite Scroll is a single solution to all those loading issues caused by the change of the page. With the plugin installed and activated, your users will be able to simply scroll down and go deeper into your website. The plugin will load content automatically as you scroll down the page or you can also add a “Load More” button to load more content. You will have control over some of the crucial features available in the plugin, such as, choosing between Click or Scroll to load more content, add a custom image, the load more text, and finish text. Display your contents online in a sequential way with the new infinite scrolling plugin—Catch Infinite Scroll, without affecting your wallet.From the Devs
When your page hits the bottom (where Elementor's pagination would be), this plugin activates the infinite load and loads more posts. The process repeats.
Simply install the plugin. In settings, change the following settings:
Change "Load On" to scroll.
For the default posts element in Elementor Pro, need to change the default entries to the following selectors.
Click save changes and you're done. Now you have infinite loading on your posts element in your Elemenor site.
The infinite load will load the specified "Posts Per Page". IE, when you toggle the ajax infinite load, it'll pull up 5 more posts.
This plugin is a super simple way to implement Infinite Scroll on any Elementor based website. It's also quite powerful for a free plugin, while other solutions that do similar things cost $15 to $20. If you are looking for some more advanced features, you can purchase the pro version of the plugin, but much of the styling can be done in CSS (with the pro version, your dashboard gives you some styling features and more functionality).
Hopefully sometime in the future elementor base this functionality it's base installation, but for now this is perfectly capable and easy to implement solution to infinite scroll and Elementor.
IsoGroup- Web Dev/Design, WordPress and More