Prestashop Infinite Scroll Module by Knowband – User Manual

Introduction

The Prestashop Infinite Scroll Module by Knowband is an integration of scrolling of product on product listing page in place of pagination.

Pagination on a product listing page is a very common feature which we see on different eCommerce websites but this Prestashop list view plugin will make the listing of products on the product listing page a bit more interesting. When this Prestashop list product module will be enabled the customer will just scroll down the page to view more products which are listed in the product listing page.

Steps For Installation of Prestashop fast scroll module:

To install this Prestashop infinite scroll addon, please follow the following steps:

1. Add addon folder under modules folder of your system.
2. After adding this Prestashop infinite scroll addon folder, system will list the Prestashop addon on module page under front office feature category.
3. Click install to install this Prestashop quick scroll module.

Note: For PS 1.6 Only

To make Infinite scroll compatible with block layered navigation please follow below mentioned steps:

1. After installing the module visit the path on your server and open blocklayered.js file.

themes/default-bootstrap/js/modules/blocklayered/blocklayered.js

 2. After opening the file search for the line:

current_friendly_url = result.current_friendly_url;

Please refer to the screenshot below:

before

3. Add a small code just above this line.

if(typeof endlessScroll == ‘function’) { endlessScroll(0, true, 100, 1); }

Refer to the screenshot below:

after

4. Then save the file.

Administration Module

In admin interface of the Prestashop infinite scrolling module, there will be following options to configure this Prestashop list view module. The Prestashop drop down scrolling module includes 4 tabs and they are as follows.

1. General Settings

2. Advance Settings

3. Display Settings

4. Selector Settings

Each section of the Prestashop Infinite Scroll plugin is described in details below.

General Settings of the Prestashop list view module:

This section of the Prestashop list product module will be having following options to configure this Prestashop infinite scroll module:

Prestashop Infinite Scroll Module by Knowband_General Settings

  • Enable/Disable: This option of the Prestashop fast scroll module will be having a toggle button with two specific values ON and OFF. This Prestashop module by Knowband will only work if this is set to ON. If this is set to OFF then none of the feature will be working and not even impacting any other section of website. By default, this option will be OFF.
  • Custom CSS and JS: These fields of the Prestashop Infinite Scroll module have been provided to let the admin change the look and feel of the front end of the Prestashop quick scroll module.

Advance Settings of the Prestashop infinite scrolling module:

Prestashop Infinite Scroll Module by Knowband_Advance Settings

  • Display End Page Message: This field of the Prestashop drop down scrolling module offers the store owner to display the message at the end of product listing page.
    If the Owner enables Display End Page the following option will appear:
    End Page Message: Here, in this field of Prestashop list view module, the admin has to enter the text which will be displayed when the customer will reach at the end of the page i.e when all the products are loaded.
  • Display Go To Top Link: This field of the Prestashop Infinite Scroll module let the store owner to display a link at the front end to go to top of the page by displaying this option.
  • Display Loader while Loading: This option of the Prestashop list view plugin offers the store owner to set display the loader during the loading of product.
  • Scroll Type: The Prestashop list product addon allows the store owner to choose between the scrolling option between infinite log-in and load more link.
    If the Owner can select the Load More Link then there will be following Option:
    Show More Link After: Owner can set the frequency to show load more link i.e after this many page loads the link will appear.
  • Sandbox Settings: Admin can also test the Prestashop fast scroll module by enabling this field.
    If the Owner enables Sandbox settings the following option will appear
  • Add IP: In this field of the Prestashop quick scroll module by Knowband, the admin can add different IP by separating them using a comma and the Prestashop module will work only for these IP address only.

Display Settings of Prestashop quick scroll module:

Prestashop Infinite Scroll Module by Knowband_Display Settings

  • Select layout type: This field of the Prestashop infinite scrolling module allows the admin to select the default layout of the products listing. It may be Grid or List. Whatever layout the user will select will be displayed by default in the front.
  • Background color of the Message Box: This field of the Prestashop drop down scrolling module allows the admin to customize the background color of the message box that would be displayed when all the products loading will done.
  • Text color of the Message Box: The Prestashop Infinite Scroll module allows the admin to change the text color of the message box.
  • Border color of the Message Box: The Prestashop list view module allows the admin to customize the border color of the message box as per his requirement.
  • Background color of Top Link: The admin can customize the background color of the Top Link of the Prestashop list product module.

The preview of the changes which will be done are reflected in the preview box given just below the fields of this Prestashop drop down scrolling module.

Selector Settings of the Prestashop infinite scrolling module:

The values in this tab of the Prestashop drop down scrolling module needs to be correct to let this Prestashop quick scroll module work properly. The values in this tab of the Prestashop Infinite Scroll module may change according to the theme of the Prestashop used in the front.

NOTE: If the selector values in this tabs of the Prestashop list view module are entered wrong then the Prestashop Infinite Scroll module will surely not work properly.

Selector Settings of Prestashop Infinite Scroll Module | Knowband

Front End Module of the Prestashop Infinite Scroll Module:

When the Prestashop 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.

Front End Module 1 of Prestashop Infinite Scroll Module | Knowband

Front End Module 2 of Prestashop Infinite Scroll Module | Knowband

Front End Module 3 of Prestashop Infinite Scroll Module | Knowband

Front End Module 4 of Prestashop Infinite Scroll Module | Knowband

Watch how this Prestashop Plugin by Knowband works:

Know more about this Prestashop Infinite Scroll Plugin here:

Prestashop Infinite Scroll Module Link: https://www.knowband.com/prestashop-infinite-scroll
Prestashop Infinite Scroll Module Admin Demo: https://ps.knowband.com/demo1/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=en
Prestashop Infinite Scroll Module Front Demo: https://ps.knowband.com/demo1/16/en/8-dresses

Get this Knowband’s Prestashop Infinite Scroll Module on Addon Store as well. Visit here: https://addons.prestashop.com/en/navigation-tools/23643-knowband-infinite-scroll.html

“Also, explore more Prestashop modules for your Prestashop e-commece website.”

This Would Also Interest You:

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 *