Skype us at scommerce.mage or call +44(0)1483 487746
Toggle Nav
Search
Advanced Search
My Basket
Menu
Account
Settings
Log In Sign Up

Magento 2 AJAX Infinite Scroll

Be the first to review this product
Front end demo Back end demo View user guide
£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.
  • Compatible with HYVA Theme(NEW!)
  • Compatible with Breeze Theme(NEW!)
Tooltip

Free Support

up to 60 days

Free Upgrades

up to 1 year

Fully open source

 

Composer Package name:
scommerce/infinitescrolling
Latest Version:
2.0.6
main product photo
Magento 2
Hyvä
Breeze
£59.99
£59.99

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
  • Compatible with HYVA Theme(NEW!)
  • Compatible with Breeze Theme(NEW!)
  • Support multi-store enviornment
  • User- friendly admin interface
  • Ability to enable/disable this module from the admin configuration
  • Easy to install and manage


We offer 60 days of free support and 12 months of free upgrade for any standard Magento site when you buy this extension. You can also get our installation service for a small fee. If you want more benefits, you can purchase our 12 months of free premium support and free lifetime upgrade package. Please contact us if you need any assistance or customization for this extension. We will reply to you within 48 hours. We may also offer you a special deal or a free solution if we like your idea.


** 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 can I install the module on Hyva Theme?
A. Run the composer config commands found in the My Accounts>Composer Instructions section then run the below given require command to install the module:-
composer require hyva-themes/magento2-scommerce-infinitescrolling
Q. How can I install the module on Breeze Theme?
A. Run the composer config commands found in the My Accounts>Composer Instructions section then run the below given require command to install the module:-
composer require scommerce/breeze-infinitescrolling
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. Please use the same license as live site provided with the order confirmation email on the staging site and ensure you have the latest version of scommerce/core installed i.e 2.0.6.
Once added go to Stores>Configuration>Scommerce Configuration> Core and set "Development Environment" to "Yes" then click on verify. Once verified the license will start working on your staging site.
gtm gdpr settings
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.Where can I download the extension files?
A. Please login into your account on our website and go to the download link under my account section to download the extension package.
Q.Can you provide a key that works for our development (NOT PRODUCTION) environment which will work on a dynamic URL, for example, 12334.gitpod.com and 4567.gitpod.com?
A. Unfortunately it is not possible to generate license keys based on the dynamic URLs. License keys need to be generated per domain or subdomain whether it is production or non-production.
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
Q. Do you support SPA (Single Page Application) / PWA (Progressive Web Application) / AMP ?
A. Unfortunately, we don’t support SPA or PWA or AMP but we may be supporting them in future depending upon the demand.

Change Log

Version 2.0.5
2022-10-27 08:12:01
Added PHP 8 support
Version 2.0.4
2021-01-05 12:44:34
Added PHP 7.4 support and removed infinite scrolling link from the speed optimiser module
Version 2.0.3
2020-07-03 13:49:52
Removed extra modules for license key check to optimise performance on category and product pages.
Version 2.0.2
2020-06-15 12:56:20
Added PHP 7.3 Support
Show More
Show Less

Reviews

Write Your Own Review
Write a Review
You may also like