# magepow/infinitescroll

> Infinite scroll for magento 2 automatically loads product catalog without reloading the page.

`composer require magepow/infinitescroll`

Canonical URL: https://packagento.com/magepow/infinitescroll

## At a glance

- **Vendor**: magepow (https://packagento.com/magepow.md)
- **Latest version**: 1.0.8 — released 2023-12-15
- **Pricing**: Free
- **Package type**: Magento 2 module
- **Status**: active, accepting new buyers

## Installation

Packagento is licence-gated, so even free packages need a licence on a project before Composer can resolve them.

1. **Sign in or create an account** at https://packagento.com/customer/account/.

2. **Add the package to your account.** Open https://packagento.com/magepow/infinitescroll and complete the free checkout. A licence is minted automatically.

3. **Create or pick a project, then activate the licence on it.**
   - Projects represent the Magento installs you deploy to. Manage them at https://packagento.com/projects/.
   - Activate the new licence on the project you'll deploy this package to. Activation is what generates the Composer credentials scoped to that project.

4. **Add the project credentials to your Magento codebase.**

   Grab the project's public + private key from https://packagento.com/projects/ (open the project, then its Credentials tab), and add them to `auth.json`:

   ```json
   {
     "http-basic": {
       "packagento.com": {
         "username": "ppk_live_...",
         "password": "psk_live_..."
       }
     }
   }
   ```

   Add the Packagento Composer repository to `composer.json`:

   ```json
   {
     "repositories": [
       { "type": "composer", "url": "https://packagento.com" }
     ]
   }
   ```

5. **Install and apply.**

   ```bash
   composer require magepow/infinitescroll:*
   bin/magento setup:upgrade
   bin/magento setup:di:compile
   bin/magento cache:flush
   ```

## What it does

Infinite scroll for magento 2 automatically loads product catalog without reloading the page.

## README

[<img src="https://github.com/magepow/themeforest/blob/master/shopify/shopify_affiliate.jpg" >](https://shopify.pxf.io/VyL446)

### Magento 2 Infinite Scroll (Magepow Infinite Scroll extension Free)

**Infinite scroll** for Magento 2 automatically loads product catalog without reloading the page. Your customers will be pleasantly surprised with supportive navigation and high performance of your web store.

[![Latest Stable Version](https://poser.pugx.org/magepow/infinitescroll/v/stable)](https://packagist.org/packages/magepow/infinitescroll)
[![Total Downloads](https://poser.pugx.org/magepow/infinitescroll/downloads)](https://packagist.org/packages/magepow/infinitescroll)
[![Daily Downloads](https://poser.pugx.org/magepow/infinitescroll/d/daily)](https://packagist.org/packages/magepow/infinitescroll)

**See more information**:

- [<img src="https://github.com/magepow/media/blob/master/icons/demo.svg" width="40" height="40">](https://demo.magepow.com/infinitescroll)

- [Detail](https://magepow.com/magento-2-infinite-scroll-extension.html)

- [Documentation](https://docs.alothemes.com/m2/extension/infinitescroll/)

- [Video tutorial](https://www.youtube.com/watch?v=gTemvUzrOJg&t=57s)

- [<img src="https://github.com/magepow/media/blob/master/icons/shopify.svg" width="40" height="40">](https://apps.shopify.com/magepow-infinite-scroll)[Shopify version](https://apps.shopify.com/magepow-infinite-scroll)

### Highlight Features

- Automatically load content and images in just one page.

- Visitors can see all in just one page

- Display load more chart to help users see more products.

- Reduce the request load to the server, increase website speed

- Increase professional animation effects for Magento website.

- Support to increase website ranking on search engines

- Responsive

### How to use Infinite Scroll extension
Before you continue, ensure you meet the following requirements:

  * You have installed magento2
  * You are using a Linux or Mac OS machine. Windows is not currently supported.
  Install Magento 2 Infinite Scroll extension

#### Step 1 : Download Magento 2 Infinitescroll Extension

 #### Install via composer (recommend)
Run the following commands in Magento 2 root folder:
```
composer require magepow/infinitescroll
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
```

#### Step 2: User guide
  #### Key features of Magento 2 Infinite scroll Extension:
  * Ajax scroll without interruption.
  * Freely scroll down & See what page of the catalog they're on.
  * Automatically loading pages.
  * Show Loading Button.
  * Possibility to give/ share links to a certain positions.
  * Easy to customize.
  * Similar technique as seen on Twitter, Facebook.
  * Increase the conversion rate at your store.
  * Easy to Change Button and Loading Text.

  ### 2.1. General configuration

  `Login to Magento admin > Stores > Configuration > Magepow > Infinitescroll > Enable > Choose Yes to enable the module.`
  
  ![Image of Magento admin config](https://github.com/magepow/magento2-infinitescroll/blob/master/media/backend_config.png)
  
   In `Stores > Configuration > Magepow > Infinitescroll` we set: 
   * **Delay (ms)**: Delay time for the scroll down, default 600.
   * **Content**: Select for the elements that surrounds the items you will be loading more of (For Ex. = .classname/#id).
   * **Pagination**: Select class, id for paging loaded more.
   * **Next**: Select class, id for the link to to the next page.
   * **Item**: Select for the class name that you want to config all items you will load more.
   * **Loading text**: Place any text you want when loading the page.
   * **Done text**: When the download is completed, the text you configured will appear.
   * **Loading Image placeholder**: The icons you want are displayed while downloading more, you can change it arbitrarily or use Magento's default icons.
   * **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**: Configure the download button text.
   After you finish configuring, save and clear the cache.
   Run the following command:
   
   ```
   php bin/magento cache:clean
   ```
  ### 2.2. Result
   
   ![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/blob/master/media/result_frontend_1.png)
   ![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/blob/master/media/result_frontend_2.png)

  ### 3. Events
  * Refresh Infinite Scroll update with Ajax use code:
  ```
  $('body').trigger('collectionUpdated');
  ```
 ## Donation

If this project help you reduce time to develop, you can give me a cup of coffee :) 

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/paypalme/alopay)

      
**[Our Magento 2 Extensions](https://magepow.com/magento-2-extensions.html)**

* [Magento 2 Recent Sales Notification](https://magepow.com/magento-2-recent-order-notification.html)

* [Magento 2 Categories Extension](https://magepow.com/magento-categories-extension.html)

* [Magento 2 Sticky Cart](https://magepow.com/magento-sticky-cart.html)

* [Magento 2 Ajax Contact](https://magepow.com/magento-ajax-contact-form.html)

* [Magento 2 Lazy Load](https://magepow.com/magento-lazy-load.html)

* [Magento 2 Mutil Translate](https://magepow.com/magento-multi-translate.html)

* [Magento 2 Instagram Integration](https://magepow.com/magento-2-instagram.html)

* [Magento 2 Lookbook Pin Products](https://magepow.com/lookbook-pin-products.html)

* [Magento 2 Product Slider](https://magepow.com/magento-product-slider.html)

* [Magento 2 Product Banner](https://magepow.com/magento-2-banner-slider.html)

**[Our Magento 2 services](https://magepow.com/magento-services.html)**

* [PSD to Magento 2 Theme Conversion](https://alothemes.com/psd-to-magento-theme-conversion.html)

_(README truncated for .md surface. Full README on https://packagento.com/magepow/infinitescroll.)_

## Recent Versions

| Version | Released |
|---|---|
| 1.0.8 | 2023-12-15 |
| 1.0.7 | 2023-09-24 |
| 1.0.6 | 2023-07-28 |
| 1.0.5 | 2023-01-04 |
| 1.0.4 | 2022-11-10 |
| 1.0.3 | 2022-05-17 |
| 1.0.2 | 2021-06-23 |
| 1.0.1 | 2021-03-10 |
| 1.0.0 | 2021-01-07 |

## Dependencies

### Require

| Package | Constraint |
|---|---|
| magepow/core | ^1.0.0 |

## Quality

Latest release (1.0.8) fails the Packagento QA pipeline. Verdicts below are per-cell (Magento line × PHP version) for the matrixed tools, and run-once for the static / security tiers.


### Compatibility

Each Magento line is installed on its supported PHP versions, then the module is built (DI compile + static-content deploy). Cells show passed / failed / untested; staircase gaps render as `–`.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | Pass | Pass | – | – |
| 2.4.8 | – | Pass | Pass | – |
| 2.4.9 | – | – | Pass | Pass |


### Code Quality

Advisory checks against the module's source. Never affect the Compatibility verdict — a phpcs finding can't make a module incompatible.

#### Static Analysis

Coding standards (phpcs), mess detection (phpmd), copy-pasted code (cpd), PHP cross-version compatibility, composer.json validity. Each runs once for the whole module.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| PHPCS | Fail | 24 | 14 errors, 10 warnings (ruleset: Magento2) — 3 auto-fixable with phpcbf |
| PHPMD | Pass | 0 |  |
| Cpd | Pass | 0 |  |
| Composer validate | Pass | 0 |  |

#### PHPStan

Type-checks the module against a real Magento install. Re-runs per Magento + PHP version because resolvable symbols differ between releases.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | 11 | 11 | – | – |
| 2.4.8 | – | 11 | 11 | – |
| 2.4.9 | – | – | 11 | 11 |


### Tests

Unit and integration suites run per Magento + PHP cell. Test failures speak to the module's behaviour, not its compatibility with a line, so they're reported here separately.

#### Unit Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |

#### Integration Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |


### Security

Dependency-advisory audit (composer audit) plus a source malware scan. A malware detection fails the version outright.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| Composer audit | Pass | 0 |  |
| Malware scan | Pass | 0 |  |

## Licence and pricing

Free. A licence is still minted on checkout and bound to your project for Composer access — no payment step.

Refundable within 14 days of first purchase via https://packagento.com/account/refunds/.

## Install via Claude Code or any MCP client

The Packagento MCP server can run the licence + project + Composer steps above in one tool call:

```
purchase_and_install_packages(
  composer_names=["magepow/infinitescroll"],
  project_id="proj_xxx"
)
```

This handles cart, checkout, licence minting, project activation, and writes auth.json credentials. Connect a client with `claude mcp add packagento https://mcp.packagento.com`. Full setup at https://packagento.com/docs/mcp-setup.

## Vendor

magepow is a Magento 2 vendor on Packagento. See https://packagento.com/magepow.md for their full catalogue.