Infinite Scroll: Magento 2 Ajax Scroll for The Automatically Load Products

I am going to explain how we can create an Ajax Infinite Scroll extension in Magento 2. The extension will help the value of users to reduce product load time by automatically loading products when users scroll down the product list page like category page, catalog search page without reloading the whole page.

Infinite Scroll in Magento 2

The Ajax scroll extension for Magento 2 helps the website's owners to increase their sales and drive more revenue by improving the user experience.

As soon as you enable the Wishusucess_InfiniteScroll extension from the admin then you will be automatically able to add the autoload product functionality on the category page or any other product list page like a catalog search page in Magento 2.

 

Infinite Scroll Features:

By adding automatically loading of the product it increases the quality of user experience and reduces the product loading time.

Ensure the web site's performance by adding autoload functionality.

Easy to navigate the product for the customer.

Adds Automatically loads functionality for the products on any others products listing page.

If the list page doesn't have more products then it shows a message like there are no more products to load after loading all products.

Admin configuration is given to customizing loading text content.

Admin can decide the delay time from the Magento admin for scroll-down loading time.

Improve customer experience for the owners of the website and increase the conversion rate.

You can add for the multi-store environment.

Magento 2 Infinite Scroll Products

Magento 2 Infinite Scroll Free Extensions in 2022

In 2021-2022 there are too many infinite scroll extensions are there in the market but we have picked one of the best ajax scroll products for your websites.

Wishusucess_InifiniteScroll is one of the best Magento 2 modules for the infinite automatically loading products.

The best Ajax Scroll for the products is Wishusucess automatically scroll products in 2021, This is an absolutely free extension. You can also Find more Magento 2 extensions here.

Infinite Scroll Button

Change Configuration of Ajax Scroll

You will have the option to change the configuration from the admin. This extension allows websites owners to customize the button color and text from the Admin > Store > Configuration > Wishusucess > Ajax Scroll.

 

Helper Class of Ajax Scroll

If you are a developer and you need to implement the helper class of this module then you can use the bewlow code for the help.

<?php
/**
* Category: Wishusucess_InfiniteScroll
* Developer: Hemant Singh Magento 2x Developer
* Website: http://wwww.wishusucess.com
*/
namespace Wishusucess\InfiniteScroll\Helper;

class Data extends \Magento\Framework\App\Helper\AbstractHelper
{
/**
* @var array
*/
protected $configModule;

public function __construct(
\Magento\Framework\App\Helper\Context $context
)
{
parent::__construct($context);
$this->configModule = $this->getConfig(strtolower($this->_getModuleName()));
}

public function getConfig($cfg='')
{
if($cfg) return $this->scopeConfig->getValue( $cfg, \Magento\Store\Model\ScopeInterface::SCOPE_STORE );
return $this->scopeConfig;
}

public function getConfigModule($cfg='', $value=null)
{
$values = $this->configModule;
if( !$cfg ) return $values;
$config = explode('/', $cfg);
$end = count($config) - 1;
foreach ($config as $key => $vl) {
if( isset($values[$vl]) ){
if( $key == $end ) {
$value = $values[$vl];
}else {
$values = $values[$vl];
}
}

}
return $value;
}
}

Magento 2.4 Installation Guide: How to Install Magento 2.4.2

How to Install Infinite Scroll Module

Download this module from here and paste it into the below directory of your store root installation directory.

app/code/Wishusucess/InfiniteScroll/

Now run the below code

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

 

Similar Magento 2 Extensions of Wishusucess

Sticky Mini-Cart: How To Add Sticky Add to Cart Extension in Magento 2

Speed Up Your Magento 2 Website By Lazy Loading Extension Free

Login With Number: Magento 2 Customer Login With Mobile Number

Leave a Reply