Infinite Scroll

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend
Vendor
Magepow Extensions
Online docs
docs.magepow.com

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

  • Magento 2.3.x / 2.4.x installed and working
  • PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
  • SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

  1. Open a terminal in your Magento 2 root directory and require the package:
    composer require magepow/infinitescroll
  2. Run the Magento setup upgrade:
    php bin/magento setup:upgrade
  3. Deploy static content (production mode):
    php bin/magento setup:static-content:deploy -f
  4. Flush the cache:
    php bin/magento cache:flush

Method 2 — Manual install (upload app folder)

  1. Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.
  2. Run the following commands from the Magento 2 root:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy -f
    php bin/magento cache:flush
  3. Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.
Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - How to configure the extension

General Configuration

To Enable/DisableMagepow Infinite Scroll Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Infinite Scroll. Then, select Yes to Enable module/No to Disable the module

enable disable

2 - How to show your infinitescroll on pages

After enabling the module, we will configure the ajaxcart module. InAdmin Panel > Stores > Settings > Configuration > Magepow > Infinite Scroll

backend config

  • Delay ms : Delay time for the scroll down.
  • Content : Select the elements you want to be loaded more.
  • Pagination: Select the page number to config load more
  • Next : Select the link for the next page
  • Item : Select for the class name that you want to config load more
  • Loading text : Place any text you want when loading the page
  • Done text : Done text using when the scroll reachs the bottom
  • Loading Image placeholder : Loaded more icon
  • Load More threshold : When this page number is reached, a button to load more products will be shown instead of continue loading products automatically with the scroll
  • Load More button text: Set an offset before page end from which the content will start to load
  • Results in frontend

    When you enable the infinite scroll extension, you will see the loading icon while scroll down the page

    result frontend 1

    result frontend 1

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).