My Cart
Angular Product Infinite Scroll Extension for Magento 2

Ajax Infinite Scroll for Magento 2

Angular Product Infinite Scroll Extension for Magento 2
100% of 100

Enhance user interaction on Magento 2 with the Angular JS product scroll extension, eliminating loading times on product and search pages. Enjoy seamless browsing with automatic product loading through mouse scrolling or a convenient "view more" button. Elevate user experience by effortlessly accessing the next page's products directly within the listing, all while ensuring optimal load speed and boosting SEO for category and listing pages.

" />
  • Control the number of products load while scrolling.
  • Shows the loader image during product loading.
  • Displays the loader text along with the loader image.
  • Show the loader effect on the category page or/and on the search page.
  • Option to add a button “load more” for more product loading instead of mouse scrolling.
  • With mouse scrolling, the product loads automatically without any button.
  • Uses Angular JS to load products without page reload or refresh.
  • The extension eliminates the extra load time wasted in loading next page products.
  • Improves the navigation capabilities of your store.
  • Customize the loader text and image as you wish.
  • It improves the user experience of your store for your customers.
  • InstantHelp Center
  • 90 DaysFree Support
  • FreeLifetime Updates
  • Meet MagentoStandards

Product Description

Do you want to improve the user experience of your store by eliminating the product listing page load time? While finding the perfect product, customers may explore all the products in a category or product search page. But with typical eCommerce store features, this is a very time consuming and hectic job for any customers to go through all the products by clicking the next page and waiting for the next page to load. This impacts negatively on the user experience of your Magento 2 store. Baymard ‘s study found that due to the poor and inadequate navigation, users weren’t able to find products on 50% of the eCommerce stores. So, to improve the navigation and eliminate the extra page load time, you need a solution that mitigates all these problems.

Mconnect Angular Product Infinite Scroll Extension for Magento 2 helps you to do that. This extension replaces the pagination with an angular JS infinite scroll. The Angular product Scroller Extension offers customers a fast way to view the products on category as well as on the search page. With the Mconnect Angular JavaScript Product Scroller extension, the customers don’t have to click on the pages to view the next products. When any customer views a product on category or search page, a default number of products will appear and the other products get loaded while scrolling down the page. The admin can control the number of products to show while scrolling. Also, you can set the loader image and text while customers are scrolling down. The extension allows us to set up a load more button instead of the mouse scrolling as well.

For example, if you have a fashion eCommerce store, and a customer wants to find a perfect pair of new jeans. They may explore many options, navigate many jeans category, and brands before finalizing which ones to buy. And with the help of the angular JavaScript infinite scroll feature, this very time-consuming task becomes so easy for customers and helps them find the perfect jeans.

So, ultimately, the extension helps to improve the user experience for your customers while they are shopping. It makes the process of finding perfect products easy and fast while eliminating the wait time to load the next page of the category or product search result page.

Functionality Included in Extension

  • magento 2 load product

    enable/disable Angular Product Scroller

    Select 'Yes' for enable the angular product scroller extension on Category page and Search page

  • Loader Image setting

    Upload any image which should appear when the product loads while scrolling.

    angular 2 infinite scroll
  • scroll angular

    Loader Setting

    For Loader Text - You can give name to the loader which appears which loader image while product loading.

    For Loader Method - You can select between two product loader methods: Button click or Mouse Scroll while displaying the next products.


Product Loading on category and searching page will be displayed according to backend setting either from load option or button option.

If you select button option then to view more Products button you have to click on shoe more button otherwise just scrolling the mouse.

angularjs load more on scroll

Why Our Extension

Complete eCommerce Solutions

Need help in Magento website?

Do you have a question, problems or custom requirements for your website? Big or small, No matter, we're here if you feel you need support, help or consultation. Talk to us!

Get Free Consultation

Pre-Sale Enquiry

Do you have an question? Please ask us. We will respond you within 24 hours. Create a support ticket.

Need Customization?

Please share your business specific extension customization requirement. Talk to our Magento developer!