This extension is also included in the Pearl Theme.
Help your customers to explore more content and reduce website friction with ajax infinite scroll and ajax pagination.
When building your store, one of your most important task is to build a website that has the least amount of friction. Less friction = better user experience results in higher conversion rate, generating higher revenue and increased customer lifetime value. Category pages and search result pages are the most visited sections of your ecommerce store. Helping your customers to explore more content will result in longer browsing experiences which can help your customers find exactly what they are looking for.
You have the option to go with two major browsing behaviours, infinite scrolling (load more) and pagination. Each UX behaviour has its benefits and we often recommend testing what works best for your customers.
Infinite scroll is commonly used by social media websites such as Facebook, Instagram and Twitter. Your customers were educated to scroll down by the Social Media giants. You will often find that this user experience is best on mobile devices, which often reaches even 70% to 80% of the total traffic (highly influenced by your industry). Other benefits of using Infinite scroll is that new products will load dynamically without the need of refreshing the entire page, your customers can simply scroll up to view and compare previous products.
Pagination is also very commonly used around ecommerce websites such Amazon.com, REI.com. Pagination helps divide content into multiple pages. To reduce friction, we are now loading the next page using the Ajax technology by removing completely the need to reload the entire page. When the users reaches the bottom of the page and click to go from page #1 to page #5 we dynamically load page #5 content without a refresh of a page and automatically scroll the user to the top of the page. Pagination is also helpful in providing the customer an initial best selection of products, you can curate best 50 products from a category that you can promote first on the first page, this will give you a better sense of control of what you display first and stop the initial presentation.
Ajax Infinite Scroll and Catalog doesn’t simply stop at giving you the option to implement Infinite Scroll or to have an Improved user experience with less friction on pagination. We are also giving you the option of both worlds. Now you have the option to start with Infinite Scroll but only load automatically the first few pages (you can define how many) and then display the load more button. The benefits are that you can now display less products on the initial load, which helps you with page speed, then automatically load page two or three of best products. Your customers will not get annoyed by never reaching the bottom of your page and you have better control of displaying the best of the best of each category first. It’s basically a Win! Win! Win! Solution.
When implementing this solution we focused heavily on improving SEO as well. The solution closely follows Google’s Infinite Scroll implementation by generating rel=next and rel=prev at the correct page in conjunction with the canonical tag.
Optional
Copy the extension files into the below path of your Magento 2 instance. If the ‘app/code/WeSupply’ folder
is missing, please create it manually:
app/code/WeSupply/Toolbox
If you experienced any issues or limitations with this quick GUI installation, see also SSH Installation below. SSH installation does the same thing but you are required to issue the commands step by step via CLI. Some servers may have high security configurations and may limit the functionality of this GUI Installer.
Optional
Copy the extension files into the below path of your Magento 2 instance. If the ‘app/code/WeSupply’ folder
is missing, please create it manually:
app/code/WeSupply/Toolbox
Go to WeltPixel > Ajax Catalog & Infinite Scroll > General Configuration
Functionality control for Category, Search and Advanced Search Page. When your store is integrated with external search solutions you may need to disable ajax for search pages in order to achieve default magento behaviour and therefore achieve full compatibility with other solutions.
Go to WeltPixel > Ajax Catalog & Infinite Scroll > General Configuration
Functionality control for Category, Search and Advanced Search Page. When your store is integrated with external search solutions you may need to disable ajax for search pages in order to achieve default magento behaviour and therefore achieve full compatibility with other solutions.
What’s new in v.1.11.17 - June 28, 2023
What’s new in v.1.11.15 - March 22, 2023
What’s new in v.1.11.11 - November 23, 2022
What’s new in v.1.11.7 - September 1, 2022
What’s new in v.1.11.1 - April 25, 2022
What’s new in v.1.10.17 - October 22, 2021
What’s new in v.1.10.15 - August 31, 2021
What’s new in v.1.10.11 - July 7, 2021
What’s new in v.1.10.9 - May 18, 2021
What’s new in v.1.10.7 - March 26, 2021
What’s new in v.1.10.5 - February 12, 2021
What’s new in v.1.10.1 - October 22, 2020
What’s new in v.1.10.0 - August 10, 2020
What’s new in v.1.9.8 - July 6, 2020
What’s new in v.1.9.7 - May 7, 2020
What’s new in v.1.9.6 - April 9, 2020
What’s new in v.1.9.5 - March 10, 2020
What’s new in v.1.9.4 - February 5, 2020
What’s new in v.1.9.2 - November 27, 2019
What’s new in v.1.9.1 - October 16, 2019
What’s new in v.1.9.0 - July 18, 2019
What’s new in v.1.8.5 - June 7, 2019
What’s new in v.1.8.4 - April 25, 2019
What’s new in v.1.8.3 - April 3rd, 2019
What’s new in v.1.8.2 - January 24, 2019
What’s new in v.1.8.0 - December 8, 2018
What’s new in v.1.7.5 - October 24, 2018
What’s new in v.1.7.4 - September 25, 2018
What’s new in v.1.7.3 - August 23, 2018
What’s new in v.1.7.2 - August 2, 2018
What’s new in v.1.7.1 - July 12, 2018
What’s new in v.1.7.0 - July 5, 2018
What’s new in v.1.6.4 - May 16, 2018
What’s new in v.1.0 - February 23, 2018