OpenCart Infinite Scroll Extension – User Manual

1.0 Introduction

OpenCart Infinite scroll extension provides a seamless navigation over multiple pages and a hassle free shopping experience to the online users. It slows down pagination as it is one of the biggest obstacle in working of any website. OpenCart infinite scroll enables websites to remove this hurdle by providing a single click access with least inconvenience to the users.
Generally customers have to browse multiple pages in search of the desired product on the website. However, this could lead to loss of time and even interest of customers too. OpenCart infinite scroll is the modern advancement to slow down pagination and provides a seamless navigation of all the products on a single page. With the help of dropdown scrolling module, customers can load the products of next page on the current one just by scrolling down the page.
OpenCart Infinite scroll enables automatic loading of pages without even scrolling down the page. It also helps to easily navigate through the product catalogue. As all the products are available on a single page, customers need not to move from one page to another for the product.

1.1 Striking Features of Infinite Scroll Extension for OpenCart

The OpenCart Infinite Scroll Extension provides you multiple features which are fully customizable and easy to configure from the backend interface without requiring any coding knowledge. The various striking features of the OpenCart Infinite Scroll Extension have been listed below:

  • The OpenCart fast scroll module enables automatic page loads and search results without scrolling down the page.
    With the help of OpenCart quick scroll module, customers can navigate to the next page of product listing without reloading the next page.
  • The OpenCart infinite scrolling plugin offers compatibility with SEO friendly URLs.
  • The OpenCart drop down scrolling module gives a ‘Load More’ feature to pause infinite scroll after a definite interval of pages.
  • This page interval for load more feature can be set from the backend of Infinite Scroll module.
  • The admin interface of OpenCart plugin is extremely easy to use and requires no use of coding knowledge to implement.
  • This OpenCart Infinite Scroll module offers ‘Go to Top’ link feature to reach that start point of any product listing page.
  • OpenCart list view module provides SSL compatibility.
  • This OpenCart Infinite Scroll displays a loader while loading the next page products on the same page. This loader can be configured and disabled if required from the back-end interface.
  • The OpenCart Infinite Scroll Module allows admin to show a custom message to the customers after all the product listings have been loaded on the front.
  • Admin can choose to display the product listings in grid or list view format via OpenCart quick Scroll module.
  • This Infinite Scroll extension for OpenCart gives an option to include CSS and JS code from the back-office.
  • The OpenCart list product module offers compatibility with all the OpenCart themes, so the admin can configure the look and feel of the infinite scroll as per their site theme.
  • The OpenCart fast scroll module offers multi-store compatibility.
  • The functionality of OpenCart quick scroll module doesn’t conflict with any other installed modules of store.

1.2 Technology for Development

Language: PHP
Frame Work: OpenCart

2.0 Installation Guide

To install this OpenCart Infinite scroll Module, please follow the following steps:
Purchase the OpenCart Infinite scroll Extension from the Knowband store. You’ll get following files:

  • Zipped File containing the source code of the OpenCart Infinite Scroll module.
  • User Manual of OpenCart Infinite Scroll plugin.

Follow the steps below in order to install the OpenCart Infinite Scroll Extension in OpenCart store:

1.Unzip the zipped. You’ll get the folders as shown in the image below:

picture1

2.Copy all the files and folders of the zip file in the Root Directory of OpenCart setup via FTP manager.

3.The OpenCart Infinite Scroll module is now installed and is ready to use. Go to Admin -> Main Menu -> Extensions as shown in the image below:

screenshot-opencartdemo-knowband-com-2019-03-20-11-15-14

4.Select Infinite Scroll from the list of the modules and click on the Edit button as shown in the image below:

3.0 Admin Interface of OpenCart Infinite Scroll Extension

OpenCart Infinite Scroll extension offers easy customization option to the store admin. The various configuration options are discussed in detail below:

3.1 General Settings

Following are the settings listed under this tab:

screenshot-opencartdemo-knowband-com-2019-03-20-14-57-35

  1. Enable/Disable: Select Enable from the drop down list to enable the Infinite scrolling on the front end of the website.
  2. Custom JSS: Enter custom JSS accordingly.
  3. Custom CS: Enter custom CS accordingly.

3.2 Advance Settings

Following are the settings listed under this tab:

screenshot-opencartdemo-knowband-com-2019-03-20-15-03-34

  1. Display End Page Message: Select Yes to display end page message.
  2. Display Go To Top Link: Select Yes to display Go to Top link.
  3. Display Loader While Loading: Select Yes to display loader while loading.
  4. Scroll Type: Select infinite scroll from the drop down list to select scroll type.
  5. Sandbox Setting: Select Yes or No from the drop down list for Sandbox setting.

3.3 Display Settings

Following are the settings listed under this tab:

screenshot-opencartdemo-knowband-com-2019-03-20-15-12-16

  1. Background Color of Message Box: Select the background colour of message box.
  2. Text Color of Message Box: Select the Text colour of message box.
  3. Border Color of Message Box: Select the border colour of message box.
  4. Background Color Of Top Link: Select the background colour of top link.
  5. End Text: Enter the end text either English or French language.

3.4 Selector Settings:

Following are the settings listed under this tab:

screenshot-opencartdemo-knowband-com-2019-03-20-15-24-59

  1. Selector Item: Enter the selector item.
  2. Selector Container: Enter the selector container.
  3. Selector next: Enter the selector next.
  4. Selector pagination: Enter the selector pagination.

4.0 Front End of the OpenCart Infinite Scroll Module

When the OpenCart list view module by Knowband is enabled from the admin panel then on every product listing page pagination of the products would not appear. The customer will be able to view all the products just by scrolling down on the page and if the display go to top link is enabled then the link will appear on the bottom right of the page to scroll the customer back to the top of the page. When all the pages are loaded a message appears in the bottom which states that all the pages are loaded now.

1. Go to Top link Feature:

screenshot-opencartdemo-knowband-com-2019-03-20-16-06-45

2. Page loader:

screenshot-opencartdemo-knowband-com-2019-03-20-16-18-03

3. End Page Message:

screenshot-opencartdemo-knowband-com-2019-03-20-16-10-01

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *