Magento 2 Infinite Scroll, Ajax Load More products on Scroll
Vinh Jacker | 02-27-2017
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.
Related post:
Price Slider Feature of Layered Navigation
How Infinite Scroll & Ajax Load More products Benefits Your Store
Auto-loading products
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 theSettings
section, click onConfiguration
.
- In the left menu expand the
Mageplaza Extension
section then selectLayered Navigation
.
- Click to expand the
General Configuration
section and scroll till you see theInfinite scroll
field. - Set the field to Yes to enable the infinite scroll feature.
- Click on
Save Config
to save your settings and Flush Cache if needed.