{"id":5805,"date":"2016-07-25T12:27:38","date_gmt":"2016-07-25T12:27:38","guid":{"rendered":"https:\/\/www.mconnectmedia.com\/blog\/?p=5805"},"modified":"2020-08-12T17:41:56","modified_gmt":"2020-08-12T12:11:56","slug":"angular-product-scroller-fast-way-to-view-product-on-category-and-search-page","status":"publish","type":"post","link":"https:\/\/www.mconnectmedia.com\/blog\/2016\/07\/25\/angular-product-scroller-fast-way-to-view-product-on-category-and-search-page\/","title":{"rendered":"Magento: How to Implement Product Scroller on Category and Search Page?"},"content":{"rendered":"

If you are losing sales and valuable customers just because your products are taking too much time to load while their search.<\/p>\n

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<\/a><\/span> gives both i.e. quick and quality results.<\/p>\n

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<\/strong> button or a loader image with text<\/strong> at the bottom of the product listing pages, before loading of other products.<\/p>\n

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.<\/p>\n

How do this extension works in Magento 2.0?<\/strong><\/h3>\n

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

    \n
  1. Sign in to the Magento Extension Administrator Panel.\"Sign<\/li>\n
  2. Navigate to \u2018Stores\u2019 <\/strong>menu and select ‘Configuration’
    \n<\/strong><\/li>\n
  3. Scroll down in Configuration to find ‘MConnect ‘<\/strong>. Click on \u2018Angular Product Scroller<\/strong>\u2019. \"Select<\/li>\n
  4. Settings <\/strong>Screen opens.\u00a0 \"Setting<\/li>\n<\/ol>\n