Skip to product information
Magento 2 Infinite Scroll & Ajax Catalog Pagination
  • Magento 2 Infinite Scroll & Ajax Catalog Pagination
  • Magento 2 Infinite Scroll & Ajax Catalog Pagination
Trusted by 85,000+ merchants using WeltPixel products
Magento 2 Infinite Scroll & Ajax Catalog Pagination

Magento 2 Infinite Scroll & Ajax Catalog Pagination

3 reviews

€0,00
Version 1.16.0
Updated January 7, 2026
Support Community support via GitHub
Platform Magento Open Source, Magento Commerce, Magento Commerce Cloud B2B
Documentation User Guide
weltpixel.com

Eliminate Page Friction with Infinite Scroll & Ajax Catalog

Magento 2 Infinite Scroll & Ajax Catalog Extension lets customers explore more content by smoothing the pagination experience or eliminating it altogether.

One of the most important parts of building your online store is creating a website with the least amount of friction. Less friction = better user experience. Needless to say, this results in a higher conversion rate; generating higher revenue and increased customer lifetime value. Category pages and search result pages are the most visited sections of your ecommerce store. It is critical that these are user friendly. Helping customers explore more content and find what they're looking for gives them longer, more satisfying browsing experiences.

Zero Page Reloads
Ajax technology loads new products and pages without refreshing the entire page
Mobile Optimized
Infinite scroll delivers the social-media-style UX that drives 70–80% of mobile traffic
SEO Optimized
Closely follows Google's Infinite Scroll implementation with rel=next, rel=prev and canonical tags

Three Powerful Browsing Modes in One Extension

The Magento 2 Infinite Scroll Extension doesn't make you choose between complete auto load or lessening the friction of pagination. We offer the best of both worlds! With this Magento extension, you can select a custom number of pages to auto load then display the load more button. This allows you to quickly display the best products automatically, while cutting down on the initial load and increasing page speed.
Ajax Infinite Scroll + Autoload

Infinite scroll is commonly used by social media websites such as Facebook, Instagram and Twitter. Your customers were educated to scroll down by the Social Media giants. This user experience works great for mobile devices, which can generate 70–80% of the total traffic depending on your industry! Another benefit of using Infinite scroll is the dynamic auto loading of new products without refreshing the entire page. Your customers can simply scroll up to view and compare previous products.

Infinite Scroll + Load More Button

Choose how many pages you want to display before the Load More button shows up on the Category Page. You can even change what the button says or choose not to display it at all! This creates the balance by keeping your category pages light on initial load, having the ability to reach the footer easily and gives you the opportunity to have control over what is the most important on the page.

Ajax Pagination

Pagination is also very commonly used around ecommerce websites such as Amazon.com and REI.com. Pagination helps divide content into multiple pages. We load the next page by using Ajax technology — reducing friction by removing the need to reload the entire page. When a user reaches the bottom of a page and clicks to go from page #1 to page #5 we dynamically load page #5 content without refreshing the page and automatically scroll the user to the top. Pagination is also helpful for product curation.

Highlights of the Magento 2 Infinite Scroll Extension

You have the option to go with two major browsing behaviours, infinite scrolling (load more) and pagination. Each UX behaviour has its benefits and we often recommend testing what works best for your customers.
Classic Pagination with Modern Functionality

Use Ajax Pagination for a classic display mode, with all the benefits of a smooth, modern Ajax experience which prevents the entire page from refreshing. Ajax Catalog functionality can be used on Category Pages and Search Pages.

Display the Load More Button

Choose how many pages you want to display before the Load More button shows up on the Category Page. You can even change what the button says or choose not to display it at all!

Start Loading Your Products Early

Create an even smoother experience by pre-loading items that are not currently in the visible screen. You can choose the distance in pixels that you want products to pre-load from the bottom of the screen.

Use Ajax Functionality on Search Pages

Ajax Catalog functionality can be applied to Category Pages, Search Pages, and Advanced Search Pages.

Full Feature List

We packed it all up to offer the smoother UX for your customers and made sure that all extensions work smoothly together.

Scrolling & Pagination
  • Ajax Infinite Scroll - infinite product load while scrolling down.
  • Ajax Next Page - loading next page without reloading entire page.
  • Upload a custom loading gif, for both Infinite Scroll and Ajax Pagination
  • Control the number of the pages that autoload automatically.
  • "Show More" button available after a specified number of autoloaded pages.
User Experience
  • Reduce website friction, improve user experience, AND conversion rate.
  • Helps users explore more content.
  • NEW: Loaded Items Progress Bar - display a progress bar that informs the user how many products they've already seen out of the total in the Category.
  • Customizable notification messages.
  • Possible to disable for search result pages.
Performance & SEO
  • SEO Optimized functionality.
  • Speed improvements.
  • Clean open source code.
  • Easy installation.

SEO-First Infinite Scroll Implementation

SEO Ready
Built to Rank, Designed to Convert

When implementing this solution we also focused heavily on improving SEO. The solution closely follows Google's Infinite Scroll implementation. It generates rel=next and rel=prev at the correct page in conjunction with the canonical tag.

  • rel=next & rel=prev tag support
  • Canonical tag implementation
  • Speed improvements built-in
  • Follows Google's recommended implementation

Best Performance with Recommended Extensions

We packed it all up to offer the smoother UX for your customers and made sure that all extensions work smoothly together.
Magento 2 Google Analytics & GTM

Pair the Infinite Scroll & Ajax Catalog Extension with Magento 2 Google Analytics Enhanced Ecommerce & Tag Manager for best performance and optimization tracking across your category and search pages.

Magento 2 Lazy Loading Enhanced

Combine with Magento 2 Lazy Load Product Extension to further improve page speed and deliver images only when they are needed, creating a faster, more optimized shopping experience.

Magento 2 Layered Navigation

Use together with the Magento 2 Layered Navigation Ajax Filter extension for a fully Ajax-powered category page — infinite scroll, multi-select filters, and price sliders all working seamlessly together.

FAQ

Frequently Asked Questions

The extension provides three modes: Infinite Scroll (products load continuously as you scroll, like social media feeds), Ajax Load More Button (a "Load More" button loads the next batch without page reload), and Ajax Pagination (traditional numbered pages that load via Ajax without full page refresh). You can choose the mode that best fits your store.

Yes. The extension closely follows Google's recommended infinite scroll implementation, including proper rel=next, rel=prev, and canonical tag handling. Search engines can still crawl and index all products across paginated pages, preserving your SEO equity while improving the user experience.

Yes. Infinite scroll delivers the social-media-style browsing experience that mobile users expect. Since mobile accounts for 70–80% of ecommerce traffic, eliminating page reloads on category and search pages significantly improves the mobile shopping experience and reduces bounce rates.

The extension works on category pages and search result pages — the two most visited sections of any ecommerce store. These are the pages where customers spend the most time browsing products, making them the highest-impact pages for reducing friction.

No. Ajax loads only the new product batch when triggered, without refreshing the page header, footer, sidebar, or any other page elements. This is significantly faster than a full page reload. Products load seamlessly in the background, providing a smooth browsing experience.

Yes. When using the Ajax Load More Button mode, you can customize the button text, styling, and position. This gives you a middle ground between infinite scroll (fully automatic) and traditional pagination (manual page selection) while maintaining the Ajax performance benefit.

Yes. The extension handles browser history correctly so that when customers click a product and then press the back button, they return to their scroll position on the category page rather than being sent back to the top. This maintains natural browsing behavior.

The extension allows you to configure which browsing mode is used across your store. You can select the approach that works best for your product catalog and customer behavior, whether that's continuous scrolling, a load-more button, or Ajax-powered numbered pagination.

Specifications

Technical Details

Latest Version
1.16.0
Last Updated
January 7, 2026
Release Date
Jan 7, 2026
Support
Community support via GitHub
Refund Policy
30 days, for any reason
Platform
Magento Open Source, Magento Commerce, Magento Commerce Cloud B2B

Get Started

Ready to elevate your store?

Community support via GitHub

User Guide Get it on GitHub