PHPackages magepow/infinitescroll - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. magepow/infinitescroll ActiveMagento2-module[Utility & Helpers](/categories/utility) magepow/infinitescroll ====================== Infinite scroll for magento 2 automatically loads product catalog without reloading the page. 1.0.8(2y ago)1784.6k↓20.9%13[2 issues](https://github.com/magepow/magento-2-infinite-scroll/issues)[1 PRs](https://github.com/magepow/magento-2-infinite-scroll/pulls)OSL-3.0JavaScript Since Jan 7Pushed 7mo agoCompare [ Source](https://github.com/magepow/magento-2-infinite-scroll)[ Packagist](https://packagist.org/packages/magepow/infinitescroll)[ RSS](/packages/magepow-infinitescroll/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (9)Dependencies (1)Versions (10)Used By (0) [![](https://github.com/magepow/themeforest/raw/master/shopify/shopify_affiliate.jpg)](https://shopify.pxf.io/VyL446) Magento 2 Infinite Scroll (Magepow Infinite Scroll extension Free) ------------------------------------------------------------------ [](#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://camo.githubusercontent.com/e4bb3ee4db5ef0be52ed8a4a5b245330306bcec29f9beb872ac7ae4f995c4846/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f696e66696e6974657363726f6c6c2f762f737461626c65)](https://packagist.org/packages/magepow/infinitescroll)[![Total Downloads](https://camo.githubusercontent.com/7fde80a140daff8dea77401fa7176a29e66010f9b32eb9490e4908a23811c92b/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f696e66696e6974657363726f6c6c2f646f776e6c6f616473)](https://packagist.org/packages/magepow/infinitescroll)[![Daily Downloads](https://camo.githubusercontent.com/25da34ac5e1cb51a87c11cdee9db83d6c836b7c7269f11e32fee29936330d8a7/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f696e66696e6974657363726f6c6c2f642f6461696c79)](https://packagist.org/packages/magepow/infinitescroll) **See more information**: [![](https://github.com/magepow/media/raw/master/icons/demo.svg)](https://demo.magepow.com/infinitescroll) - [Package Pro](https://magepow.com/magento-2-infinite-scroll.html) - [Documentation](https://docs.alothemes.com/m2/extension/infinitescroll/) - [Video tutorial](https://www.youtube.com/watch?v=gTemvUzrOJg&t=57s) [![](https://github.com/magepow/magento2-infinitescroll/raw/main/media/hyva-version.png)](https://magepow.com/magento-2-infinite-scroll.html) [![](https://github.com/magepow/magento2-infinitescroll/raw/main/media/shopify-version.png)](https://apps.shopify.com/magepow-infinite-scroll) Highlight Features ------------------ [](#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 ------------------------------------ [](#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 [](#step-1--download-magento-2-infinitescroll-extension) #### Install via composer (recommend) [](#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 [](#step-2-user-guide) #### Key features of Magento 2 Infinite scroll Extension: [](#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 [](#21-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/raw/main/media/backend_config.png)](https://github.com/magepow/magento2-infinitescroll/blob/main/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 [](#22-result) [![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/raw/main/media/result_frontend_1.png)](https://github.com/magepow/magento2-infinitescroll/blob/main/media/result_frontend_1.png)[![Image of magento store front](https://github.com/magepow/magento2-infinitescroll/raw/main/media/result_frontend_2.png)](https://github.com/magepow/magento2-infinitescroll/blob/main/media/result_frontend_2.png) ### 3. Events [](#3-events) - Refresh Infinite Scroll update with Ajax use code: ``` $('body').trigger('collectionUpdated'); ``` Donation -------- [](#donation) If this project help you reduce time to develop, you can give me a cup of coffee :) [![paypal](https://camo.githubusercontent.com/e1ff554a09e8e92bef25abc553ff05b88f45afd695877cf12f3a46558ef65b2e/68747470733a2f2f7777772e70617970616c6f626a656374732e636f6d2f656e5f55532f692f62746e2f62746e5f646f6e61746543435f4c472e676966)](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) - [Magento 2 Speed Optimization Service](https://magepow.com/magento-speed-optimization-service.html) - [Magento 2 Security Patch Installation](https://magepow.com/magento-security-patch-installation.html) - [Magento 2 Website Maintenance Service](https://magepow.com/website-maintenance-service.html) - [Magento 2 Professional Installation Service](https://magepow.com/professional-installation-service.html) - [Magento 2 Upgrade Service](https://magepow.com/magento-upgrade-service.html) - [Magento 2 Customization Service](https://magepow.com/customization-service.html) - [Hire Magento 2 Developer](https://magepow.com/hire-magento-developer.html) **[Our Magento 2 Themes](https://alothemes.com/)** - [Expert Multipurpose Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/expert-premium-responsive-magento-2-and-1-support-rtl-magento-2-/21667789) - [Gecko Premium Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/gecko-responsive-magento-2-theme-rtl-supported/24677410) - [Milano Fashion Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/milano-fashion-responsive-magento-1-2-theme/12141971) - [Electro 2 Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro2-premium-responsive-magento-2-rtl-supported/26875864) - [Electro Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro-responsive-magento-1-2-theme/17042067) - [Pizzaro Food responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/pizzaro-food-responsive-magento-1-2-theme/19438157) - [Biolife organic responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/biolife-organic-food-magento-2-theme-rtl-supported/25712510) - [Market responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/market-responsive-magento-2-theme/22997928) - [Kuteshop responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/kuteshop-multipurpose-responsive-magento-1-2-theme/12985435) - [Bencher - Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/bencher-responsive-magento-1-2-theme/15787772) - [Supermarket Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/supermarket-responsive-magento-1-2-theme/18447995) **[Our Shopify Themes](https://themeforest.net/user/alotheme)** - [Dukamarket - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/dukamarket-multipurpose-shopify-theme/36158349) - [Ohey - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/ohey-multipurpose-shopify-theme/34624195) - [Flexon - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/flexon-multipurpose-shopify-theme/33461048) **[Our Shopify App](https://apps.shopify.com/partners/maggicart)** - [Magepow Infinite Scroll](https://apps.shopify.com/magepow-infinite-scroll) - [Magepow Promotionbar](https://apps.shopify.com/magepow-promotionbar) - [Magepow Size Chart](https://apps.shopify.com/magepow-size-chart) **[Our WordPress Theme](https://themeforest.net/user/alotheme/portfolio)** - [SadesMarket - Multipurpose WordPress Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/sadesmarket-multipurpose-wordpress-theme/35369933) ### Health Score 44 — FairBetter than 92% of packages Maintenance43 Moderate activity, may be stable Popularity42 Moderate usage in the ecosystem Community17 Small or concentrated contributor base Maturity59 Maturing project, gaining track record Bus Factor1 Top contributor holds 50.6% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~133 days Recently: every ~99 days Total 9 Last Release 886d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/49830061?v=4)[https://magepow.com](/maintainers/magepow)[@magepow](https://github.com/magepow) --- Top Contributors [![magiccart](https://avatars.githubusercontent.com/u/10281371?v=4)](https://github.com/magiccart "magiccart (39 commits)")[![vuhoi292](https://avatars.githubusercontent.com/u/68261448?v=4)](https://github.com/vuhoi292 "vuhoi292 (18 commits)")[![thuythunguyen](https://avatars.githubusercontent.com/u/34784293?v=4)](https://github.com/thuythunguyen "thuythunguyen (9 commits)")[![alothemes](https://avatars.githubusercontent.com/u/63229118?v=4)](https://github.com/alothemes "alothemes (8 commits)")[![AmyyD](https://avatars.githubusercontent.com/u/68731071?v=4)](https://github.com/AmyyD "AmyyD (1 commits)")[![davidduong90](https://avatars.githubusercontent.com/u/39608917?v=4)](https://github.com/davidduong90 "davidduong90 (1 commits)")[![Zoe-997](https://avatars.githubusercontent.com/u/57448131?v=4)](https://github.com/Zoe-997 "Zoe-997 (1 commits)") --- Tags infinite-scrollmagentomagento2magento2-extensionmagento2-extension-freemagento2-infinitescrollmagento2-modulemagento2-module-free ### Embed Badge ![Health badge](/badges/magepow-infinitescroll/health.svg) ``` [![Health](https://phpackages.com/badges/magepow-infinitescroll/health.svg)](https://phpackages.com/packages/magepow-infinitescroll) ``` ### Alternatives [magiccart/magicmenu Make megamenu, dropdown menu, mobile menu easy all in one. 4831.1k](/packages/magiccart-magicmenu)[magepow/categories Shows categories in the form of a grid or list, on category pages, home page or any other page. 4018.8k](/packages/magepow-categories)[magiccart/magicslider Banner slider flexibly to any page on live store. 1722.7k](/packages/magiccart-magicslider)[magepow/layerednav Magento 2 Advanced Layered Navigation Ajax 1712.1k](/packages/magepow-layerednav)[magiccart/lookbook Pin product to banner easy. 1319.7k](/packages/magiccart-lookbook)[magepow/flipbook Magento 2 Flipbook 1013.8k](/packages/magepow-flipbook) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)