Magento: How to Implement Product Scroller on Category and Search Page?

Please fill this form, We'll reply within 24 Hrs.

Magento 2 Angular Product Scroller Extension

If you are losing sales and valuable customers just because your products are taking too much time to load while their search.

Nowadays, nobody likes to wait. They want everything to be fast and quick, whether it is their life, gadgets or eCommerce stores. But people want quality work along with quick results. And our Angular Product Scroller Extension gives both i.e. quick and quality results.

The new extension helps in displaying the next or new products when anyone scrolls down the page. There are two loader methods involved in this extension which offers a show more button or a loader image with text at the bottom of the product listing pages, before loading of other products.

This extension eliminates the features of going to next or previous product listing pages as the products load on the same listing page. Hence, this prevents the customer from going one page to another to purchase any specific or required item.

How do this extension works in Magento 2.0?

Now as you know about the Angular Scroller extension, let us proceed towards learning the configuration of the same in the 2nd version of Magento. Please follow the below given steps:

  1. Sign in to the Magento Extension Administrator Panel.Sign in to Magento Extension Admin Panel
  2. Navigate to ‘Stores’ menu and select ‘Configuration’
  3. Scroll down in Configuration to find ‘MConnect ‘. Click on ‘Angular Product Scroller’. Select Angular Product Scroller
  4. Settings Screen opens.  Setting Configuration
  • Enable On Category Page: Select Yes to enable and No to disable the extension on the Category page of the store.
  • Enable On Search Page: Select Yes to enable and No to disable the extension on the Product search page.
  • Loader Image: Upload any image which should appear when the product loads while scrolling.
  • Loader Text: Give name to the loader which appears which loader image while product loading.
  • Loader Method: You can select between two product loader methods: Button click or Mouse Scroll.
  1. Click on ‘Save Config’ to save the product configuration settings.

 Effect of loader method on loading when you select Button click:

Effect of loader method

Effect of Scroller method on product loading if you select the mouse scroll:

Effect of Scroller method That was the Angular Product Scroller Extension and the simple steps for configuring it in your Magento 2.0 store. This extension helps on the category pages and search pages where products may take more time to load.

If you have any questions related to this extension or need help in installing and configuring Scroller extension, please write us at

Magento 2 Dimensional Weight Shipping
Amplify Sales on your Online Store with Magento 2.0 Featured Product Extension


  1. After reading this blog post, I can say that this is a great extension which reduces the hassle of shifting to different pages for selecting one product for purchase. This not only offers benefit to the customers but also to the shop owners like me as it gives a great product search experience to my customers and this makes me happy. Thank you for sharing the details of Angular Product Scroller extension for Magento 2!

Leave a Reply

Your email address will not be published. Required fields are marked *

Please fill this form, We'll reply within 24 Hrs.

Please fill this form, Mr.Yogesh will reply by email asap.

Please fill this form, Mr.Darshit will reply by email asap.

Please fill this form, Mr.Jayesh will reply by email asap.

Please fill this form, Mr.Jiten will reply by email asap.

Free eGuide

Ultimate Guide on Magento 2 Shipping Methods

Shipping Methods also play a very vital role in an eCommerce store, to make it a success.