1.0 Introduction
The Prestashop Infinite Scroll Module by Knowband is an integration of scrolling of products on the product listing page in place of pagination.
Pagination on a product listing page is a very common feature that we see on different eCommerce websites but this Prestashop infinite scroll module 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.
2.0 Steps For Installation of Prestashop infinite scroll module:
Once you purchase the infinite scroll addon, follow the below steps:
- Go to the Store Admin -> Modules and Services.
2. Click on “ Upload a module”. You can drag or drop the file or can simply select the file from the system.
Once the file is completely uploaded, a notification of “Module(s) installed successfully” will be displayed. Now you can configure your module.
3.0 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 dropdown 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.
3.1 General Settings of the Prestashop infinite scroll module:
This section of the Prestashop list product module will be having following options to configure this Prestashop infinite scroll module:
- 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.
3.2 Advance Settings of the Prestashop infinite scrolling module:
- 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: - Display Go To Top Link: This field of the Prestashop Infinite Scroll module lets the store owner to display a link in the front-interface to go to top of the page by displaying a button at the bottom of the page.
- Display Loader while Loading: This option of the Prestashop infinite scroll plugin offers the store owner to set display the loader during the loading of the product. So whenever customers scroll the page they can see a loader while loading the
- Scroll Type: The Prestashop infinite scroll addon allows the store owner to choose between the scrolling option between the infinite scroll and load more products link.
If the Owner can select the Load More Link then there will be following Option:
Show More Link After: The 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 infinite 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 addresses only.
3.3 Display Settings of Prestashop infinite scroll module:
- 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 infinite scroll 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.
- Message and Top link preview: Store admin can preview the end page message and top link button design.
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.
3.4 Selector Settings of the Prestashop infinite scrolling module:
The values in this tab of the Prestashop dropdown 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 these tabs of the Prestashop infinite scroll module are entered wrong then the Prestashop Infinite Scroll module will surely not work properly.
- Selector Item: Store admin can enter the selector item value from this tab.
- Selector Container: Store admin can enter the selector container value from this tab.
- Selector next: Store admin can enter the selector next value from this tab.
- Selector pagination: Store admin can enter the selector pagination value from this section.
4.0 Front Interface of the Prestashop Infinite Scroll Module:
When the Prestashop infinite scroll 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.
End Page Message:
Go to top button:
When all the pages are loaded a message appears in the bottom which states that all the pages are loaded now.Watch how this Prestashop Infinite Scroll Module 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://psm.knowband.com/demo/?module=infinitescroll&demo=admin&referrer=kb&lang=en
Prestashop Infinite Scroll Module Front Demo: https://psm.knowband.com/demo/?module=infinitescroll&demo=front&referrer=kb&lang=en
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: