Magento 2 Infinite Scroll, Ajax Load More products on Scroll
According to Google Trend, the Infinite Scrolling feature on product page is still e-commerce stores favorite although there is a decline in interest rate after it reached the top in January 2013.
Moreover, Baymard Institute also brings out a study to provide a comparison of usability between Infinite Scrolling, Pagination Or “Load More” Buttons in eCommerce and finds out applying infinite scrolling with Load More buttons can significantly improve the customer experience on a website.
Through all above evidence, it is obvious that every e-commerce store should be updated with the Infinite Product Scroll function to catch the world trend. Fortunately, Mageplaza has designed the Layered Navigation extension for Magento 2 with the Infinite Product Scroll feature in all product pages so as to raise your shopper’s pleasure while suffering on your store site.
How Infinite Scroll & Ajax Load More products Benefits Your Store
Infinite Product Scroll or also called the Lazy-scrolling feature on a website is an amazing function which automatically loads new products in the list when shoppers scroll to the bottom. No more click and no more reloading, shoppers only need to scroll to view next products.
AJAX Loading Technology
Ajax loading technology is entirely convenient for e-commerce stores. Particularly, the Ajax loading helps reduce the waiting time of shoppers while navigating on a store site by instant displaying the products without reloading the whole page. As the result, it is not only your store speed to be boosted, your shoppers also have a happier shopping day at your site.
Anti traditional page pagination
The traditional pagination is complained as disturbing when it distracts shoppers by reloading and redirecting to another page. Therefore, it is undoubted that the Infinite Scrolling feature can eliminate the distraction of pagination and keep the shoppers stay with your site.
Magento 2 Infinite Scroll Configuration
The Infinite Product Scroll in Mageplaza Layered Navigation is totally easy to configure in the administration interface. Actually, even non-savvy CMS users can manage the infinite scrolling feature by following the below steps.
- The first step, as usual, Log in your store backend with your admin credentials.
- In the panel on the left, choose
Store. Under the
Settingssection, click on
- In the left menu expand the
Mageplaza Extensionsection then select
- Click to expand the
General Configurationsection and scroll till you see the
- Set the field to Yes to enable the infinite scroll feature.
- Click on
Save Configto save your settings and Flush Cache if needed.