Infinite Scroll Magento 2 Extension
Enhance your Magento store's browsing experience with automatic product loading.
Overview
The Infinite Scroll Magento 2 Extension by Elsner Technologies improves the browsing experience by automatically loading products on catalog pages as customers scroll down. This eliminates the need for traditional pagination and supports AJAX-based loading, customizable navigation, and secure code to boost user engagement, reduce bounce rates, and increase conversions. It is compatible with all Magento themes and is ideal for stores with large product catalogs.
Installation
-
Download: Purchase the Infinite Scroll Magento 2 Extension from Elsner Technologies.
-
Upload: Unzip the downloaded file and upload it to the
app/code/Elsnertech/InfiniteScroll
directory in your Magento 2 root directory. -
Run Commands: Execute the following commands in your Magento 2 root directory:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento cache:clean
-
Verify: Navigate to Stores > Configuration > Catalog > Infinite Scroll in the Magento Admin Panel to confirm the extension is installed.
Configuration
Access the extension's settings via Stores > Configuration > Catalog > Infinite Scroll.
General Settings
- Enable: Select 'Yes' to activate or 'No' to disable the extension.
- Scroll Type: Choose 'Automatic' to load products as users scroll, or 'Manual' to display a "Load More" button.
- Loading Text: Set the text displayed during product loading (e.g., "Loading More Products...").
- End Page Message: Enter a message to display when no more products are available (e.g., "No More Products to Load").
Display Settings
- Navigation Bar: Enable a customizable navigation bar to show page numbers or dots indicating scroll position.
- Back to Top Button: Enable to display a "Back to Top" button for easy navigation.
- Button Style: Customize the color and text of the "Load More" and "Back to Top" buttons to match your store's theme.
- Loading Icon: Upload a custom GIF or select a default icon for loading animations.
Advanced Settings
- Debug Mode: Select 'Yes' to enable logs in
var/log/elsner_infinitescroll.log
for troubleshooting. - Exclude Categories: Select specific categories to disable Infinite Scroll if needed.
- Save: Click 'Save Config' and refresh caches in System > Cache Management.