£71.99 £59.99
Compatible with Magento 2 community and enterprise 2.3.3 - 2.4.x including cloud edition

Magento 2 AJAX Infinite Scroll is an amazing feature that utilizes AJAX to automatically load new products in the list when shoppers scroll to the bottom. No more reloading and no more interruptions, shoppers only need to scroll to view the next set of products. It improves usability of the website and provides smooth shopping experience to shoppers.

  • Auto loading of the pages
  • Combines with 'Load More' button feature as well
  • Page Info/Back to top button
  • Smooth browsing experiences
  • Works on Category page, Search Result page, Navigations and Filters.

Free Support

up to 60 days

Free Upgrades

up to 1 year

Fully open source

 

Composer Package name:
scommerce/infinitescrolling
Latest Version:
2.0.4

Product description

Magento 2 Infinite Scroll

Compatible with Magento 2 community and enterprise 2.3.3 - 2.4.x including cloud edition

Why Infinite Scroll?

One of the most important and challenging tasks of building an online store is creating a website with the least amount of friction and smooth user experience. Less friction will lead to the better user experience which will result in a higher conversion rate; generating more revenue and earning a lifetime of valued customer. Category and search result pages are the most visited sections of a website. It is vital to keep these as user-friendly as possible. As we all know that Infinite scroll feature is commonly used by almost all social media websites nowadays such as Facebook, Instagram, and Twitter. The user is already familiar with this feature and they will love to experince the same on your website. Our Magento 2 Infinite Scroll Extension helps you to add this great feature to your Magento 2 store in minutes. It provides improved catalog browsing experience and boosts the performance of your website. With Infinite Scroll functionality, products in the next page will be loaded automatically with ajax when users scroll down to the end of the page. It makes the shopping experience more enjoyable and easy.

Benefits of Infinite Scroll

The benefits of the infinite scroll are real, it can boost time on the site, increase page views and improve user experience, all while lowering your bounce rate.
Infinite scroll (also known as endless scrolling, lazy loading and continuous scrolling) removes the need for pagination by constantly loading new content as a user scrolls down the page.

  • Improved user experience.
  • Great for Mobile
  • Better content exposure
  • Lower bounce rate
  • Higher conversion rate
  • SEO friendly
  • Get users deeper into your site
 

SCENARIO: 1

"I have hundreds of products in one category in my store. We want to optimize the pagination on our store so that users do not need to click, reload etc. to view the next pages. Our requirement involves an AJAX solution so that when users scroll down on the page the products get loaded automatically improving the overall user experience. Would it be possible to achieve this using your extension?"

You will be able to achieve exactly that with our extension. It will make your store more user friendly and improve the navigation on the pages. Simply install our extension then go to Admin>Stores>Configuration>Scommerce Configuration>Infinite Scrolling and select “Load Automatically” in Load Type option. Now when you scroll down on the page the products will be loaded automatically using AJAX.

AJAX Infinite scroll scenario 1

SCENARIO: 2

"Our store serves across various nations selling a huge number of products. The current navigation on my store utilizes pagination to distribute products across various pages. We want to optimize the navigation of the store to make it more user-friendly. We are looking for a feature that adds a button on the category pages and search pages such as 'See More/ Load More'. Upon clicking that button the products on the next page are loaded automatically down below. We also want a button on the bottom right corner that allows users to navigate up the page. Will your extension provide this feature?"

Large stores certainly need efficient navigation across their store to make it easier for customers to browse and shop. Pagination gets the job done however always clicking on the next or page numbers is not as user-friendly. Our extension can help you integrate a custom button on the pages so that when users click on the button the products on the next pages are loaded automatically down below. To enable this feature go to Admin>Stores>Configuration>Scommerce Configuration>Infinite Scrolling and in “Loading Type” select “Load with button”. Provide the button label, color, and style to customize it as per your requirements. Set “Display page numbers” to “Yes” in order to get the page number button on the bottom right corner which your customers can use to navigate up the page.

AJAX Infinite Scroll scenario 2

Key Features of Magento 2 Infinite Scroll Extension-:

  • Loads the entire catalog by just scrolling down
  • Displays page information with every scroll
  • Provides 'Back To Top ' button to get back to the top of the product listing page
  • Makes customer catalog browing experience smooth
  • Works on category, search result, home page along with filtered navigation without any hassle
  • Enhances your website SEO to get more organic traffic
  • Allows you to customise "Load More" button and "Page Information" to match your website colour scheme and fonts
  • Different loading types "Automatic" or "Load More" are available in admin to choose from
  • Fully responsive, works great on tablets and mobile phones
  • Support multi-store enviornment
  • User- friendly admin interface
  • Ability to enable/disable this module from the admin configuration
  • Easy to install and manage


We provide 60 days free support and 12 months of free upgrade from the date of purchase for any standard Magento site. Installation service is also available with a minimal charge of £70 for any standard Magento Site. Additionally, you can buy our 12 months free premium support and free lifetime upgrade for just £70. If you need any help with this extension or you want to enhance this extension to meet your business needs, please contact and we will get in touch with you within 48 hours. And if we like your idea we might do the solution at a discounted rate or for free.


** Please refer to our FAQ or T&C section for running our extensions on multiple domains or sub-domains

FAQ

Frequently Asked Questions


Q: How does infinite scrolling work?
A: It allows the customers to auto-load the products without reloading the page. It saves the time of the customers and makes a browsing experience more comfortable and smooth .
Q: How can I display the “Page Number”?
A: You can display the page number easily by going to Admin>Stores>Configuration>Scommerce Configuration>Infinite Scrolling and set “Display Page Numbers” to “Yes”. Infinite Scroll page number
Q: Does the Auto Scroll work on CMS/Static Pages?
A: No, it works on category page and Search result page, not on CMS and Static pages. If you'd like to implement this feature, please feel free to contact us at core@scommerce-mage.com. We are pleased to customize our extension to fulfill your needs.
Q: Can I customize the style of the "Load More" button and change the text?
A: Yes, you can. Go to Admin>Stores>Configuration>Scommerce Configuration>Infinite Scrolling and Provide the button label, Button font color, Button Label size, and Button Label Background Color. Infinite Scroll Styling
Q: How do I turn off infinite scroll?
A: From the back-end you can easily enable and disable the module. Infinite scroll disable
Q: I have a custom theme on my store that has product listing page in grid view as well as list view. Can I provide the class information to determine whether the page listing is in grid view or list view?
A: Yes, you can simply go to Admin>Stores>Configuration>Scommerce Configuration>Infinite Scrolling and enter your class name in “Grid Dom Class” and “List Dom Class”.Infinite Scroll Custom theme
Q. How can I get license key for my development website?
A. If you want to get the license key for the developer website, please contact our team at core@scommerce-mage.com along with order number and development site URL. The developer website can be on a separate Magento installation than your base domain for which the license was purchased
Q. Can I test the extension before buying?
A. Unfortunately we can't provide you extension for testing purposes but we have demo available for most of our extensions and happy to provide full refund if the extension doesn't work
Q. Can I request for customisation on your extensions?
A. Yes we do provide all sort of customisation for our clients at the reasonable rates. And if we believe the customisation will help our product then we also provide great discount on the customisation
Q. I have two live domains, do I need a separate license key for each live domain?
A. Yes you need to buy a separate license key for each live domain (www.site.com) or sub-domain (de.site.com) or subfolder (www.site.com/de). If you are buying licenses for more than four live sites in one transaction then we can offer you 30% discount on total amount
Q. How can I upgrade my extension to the latest version?
A. If your extension is within the free upgrade period (12 months from purchased date) then simply email us with your order number and our team will send you the latest version of the extension but if it is outside free upgrade period then you need to buy an upgrade using the following link
https://www.scommerce-mage.com/magento-extension-installation-service.html

Once you received the latest version of our extension then we would highly recommend to delete all the files and folder of our extension from your website first before uploading the latest version because we might have removed existing files and keeping existing files could cause problems on your website.
Q. Does my license get expired after certain period?
A. No, your license is not going to get expired but we would highly recommend upgrading to get all the latest fixes (including security fixes if any), improvements and new features. In the upgrade, we also ensure it is compatible with the latest version of Magento and when you upgrade you will have a smooth transition.
Q. How can I manually uninstall your module?
A. Please follow the below steps -:

Step 1: Navigate to our store and login to your account. Then go to the My Account Section, on the left menu click on Composer Instructions.
My account section
Step 2: Next, run the config commands shown on the top of the page then click on the extension that you want to install. A composer require command will be revealed in the dropdown menu. Run the command then clear caches to complete the installation. Composer instructions

Change Log

Version 2.0.4
2020-09-19 14:16:58
Added support of PHP 7.4 to the module to make it compatible with latest version of Magento 2.4
Version 2.0.3
2020-03-16 13:01:05
# Optimised the code to not repeat license key check multiple times
Version 2.0.2
2019-07-23 07:46:49
Improved the performance of the page also fixed swatches which were not appearing from the second page onwards.
Version 2.0.1
2019-07-15 14:27:17
Fixed minor issues
Version 2.0.0
2019-07-05 07:42:52
Fixed minor issues
Show More
Show Less

Reviews

Write Your Own Review
Write a Review