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:
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 #
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.
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.
Show Button After (Loadings)
Show the load more button after X number of infinite scroll loadings.
Load More Button Text
The text that will be inside the load more button.
Alignment
Use this setting to align the button and loader.
Show Loading Text
Toggle the text of the loading animation on or off.
Loading Text
The text that will show when more items are being loaded.
Show Loading Image
The animation that will show above the text.
Loading Image
Choose a loading animation from the predefined list or upload a custom image.
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.