Magento 2 AJAX Infinite Scroll Extension

Infinite Scroll for Magento 2

Infinite Scroll Extension for Magento 2 allows loading products without reloading the entire page. Hence, improve the page navigation and performance of your Magento 2 store.

Table of Content 1. Configuration 2. Frontend Demo of Infinite Scroll

1. Configuration Once the extension is installed successfully, go to Stores>Configuration to configure the extension for use.

Configuration ● Infinite Scroll: You can Enable the Infinite Scroll Extension from this field. ● Loading Type: Set the type of loading from the drop-down menu. when setting automatic as the loading type, the page will automatically be loaded on page scroll. alternatively, when setting on button click as the loading type, the page will be further loaded with the click of the button. ● Loading Text: From this field, you can set a customized text when the page is being loaded. ● Loading Image: Here, you can set an image that will be displayed when the page is being loaded. ● Page End Text: In this field, you can set a customized text to be displayed when all the products on the page are loaded.

Load Next Button ● Label For Next Button: You can set a customized text of the next button from this field. ● Button Color: Set the color of the button from this field. ● Button Background Color: Set the background color of the button from this field.

Progressbar ● Progressbar Background Color: Set the background color of the progress bar.

Back To Top Button ● Enabled: You can Enable the Back to top button from this field. ● Button Color: Set the color of the button from this field. ● Button Background Color: Set the background color of the button from this field.

2. Frontend Demo of Infinite Scroll Frontend view of the auto infinite scroll loading type with its Loading Text, Image, Back to Top Button, and Progress Bar.

Frontend view of the Infinite Scroll Load Next Button to load further products.

If anything goes wrong, please contact us at support@magecomp.com