1.1\u00a0Features of Magento 2 quick scroll extension:<\/h3>\n\n- Magento 2 Infinite Scroll extension replaces the pagination system from the website.<\/li>\n
- Magento 2 fast scroll extension reduces the load time of the website.<\/li>\n
- Store admin can enable or disable the\u00a0Magento 2\u00a0infinite scroll\u00a0module in a single button\u00a0click.<\/li>\n
- Magento 2 quick scroll extension offers sandbox testing option to the admin. After enabling this store admin needs to enter the specific IP\u00a0address to test the\u00a0module.<\/li>\n
- Infinite scroll for Magento 2 extension serves better user experience.<\/li>\n
- Magento 2 fast scroll module optimizes the navigation of the site.<\/li>\n
- The admin can specify the number of pages after which, \u201cLoad More\u201d will be shown. Store admin can also adjust the loader speed.<\/li>\n
- Store admin can display end page message after the completion of the product listing.<\/li>\n
- Magento 2 endless scroll extension works smoothly with list views as well as the grid view.<\/li>\n
- Store admin can set the background color and text color\u00a0of\u00a0the end page message\u00a0and go to the top link.<\/li>\n
- Magento2 infinite scroll module offers\u00a0the store\u00a0admin\u00a0to add the selector setting.<\/li>\n
- Magento 2 infinite scroll module\u00a0is mobile responsive.<\/li>\n<\/ol>\n
2.0 Installation Steps of Infinite scroll for Magento 2 Extension:<\/h2>\n
The steps to install the Magento 2 quick scroll extension are mentioned below:<\/p>\n
1. Buy the Infinite scroll for Magento 2 extension from Knowband. You can download the extension package.<\/p>\n
2. The package has a zipped file that contains the user manual and the source code of Magento 2 Infinite Scroll Extension. Unzip the package.<\/p>\n
3. Create a folder {Magento root}\/app\/code\/Knowband\/Infinitescroll<\/p>\n
4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https:\/\/filezilla-project.org\/).<\/p>\n
5. Now run below commands to install the Magento 2 Infinite Scroll Extension:<\/p>\n
php -f bin\/magento module:enable –clear-static-content Knowband_ Infinitescroll
\nphp -f bin\/magento setup:upgrade
\nphp -f bin\/magento setup:di:compile
\nphp bin\/magento setup:static-content:deploy<\/p>\n
php bin\/magento cache:clean<\/p>\n
6. The extension is now installed and ready for use. In Admin Panel go to \u201cKnowband Extensions > Infinite Scroll\u201d.<\/p>\n
You can now configure and use the Magento 2 Infinite Scroll extension.<\/p>\n
3.0 Admin Interface<\/h2>\n
Magento 2 fast scroll extension offers following interfaces to be configured:
\n<\/a><\/p>\n![\"magento-2-infinte-scroll-admin-interface\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-admin-interface.png\")
<\/a><\/p>\n\n- General Settings<\/li>\n
- Look and Feel Settings<\/li>\n
- Selector Settings<\/li>\n
- Sandbox Settings<\/li>\n<\/ol>\n
Below is the detailed description of every setting:<\/p>\n
3.1 General Settings
\n<\/a><\/h3>\nFrom this tab, store admin can\u00a0adjust the general\u00a0settings of the Magento\u00a02 infinite scroll module.<\/p>\n
![\"magento-2-infinte-scroll-general-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-generall-settings.png\")
<\/a><\/p>\n\n- Enable the extension:<\/strong> This tab of Magento 2 fast scroll will enable the infinite scroll option. The admin can enable\/disable this Magento extension whenever needed.<\/li>\n
- Display End Page Message:<\/strong> This field of Magento 2 quick scroll extension allows the admin to enable\/disable the message that would be displayed at the end of the product listing page.<\/li>\n
- End Page Message:<\/strong> This field of Magento 2 endless scroll extension allows the admin to set the text of the end page message that would be displayed at the end of the product listing page.<\/li>\n
- Display Go To Top Link:<\/strong> The Magento 2 infinite scroll module allows the admin to display the \u201cGo To Top Link\u201d option that helps the users to jump to the top of the product listing page.<\/li>\n
- Loading Message:<\/strong> This section of Magento 2 fast scroll extension offers the admin to set the text while loading the content of the web page.<\/li>\n
- Select Scroll Type:<\/strong> The Magento 2 quick scroll extension provides the admin to select the type of scrolling on product listing page. Following options are given in scroll type:<\/li>\n<\/ul>\n
a. Infinite Scrolling<\/p>\n
b. Load More Link<\/p>\n
\n- Load More Label:<\/strong> When \u201cLoad More Link\u201d option is selected, this field will be shown. This field of Magento 2 infinite scroll extension let the admin to set the text on Load More link.<\/li>\n
- Frequency to show Load More text:<\/strong> This field of Magento 2 fast scroll extension will work only when \u201cScroll Type\u201d is \u201cInfinite Scroll\u201d. This field allows the admin to set the frequency of load more link to be shown in the front-end.<\/li>\n
- Loader Delay:<\/strong> This field of Magento 2 infinite scroll module allows the admin to set the minimal number of milliseconds to stay in a loading state.<\/li>\n
- Negative Margin:<\/strong> This field of Magento 2 quick scroll extension will give you the ability to load the new items earlier before you reach to last item of the page. By default, the loader starts loading new items when the user scrolls to the last element of the page. The admin can set the number of products here. For instance, if the number \u2018X\u2019 is entered here, then, the loader will start loading before there are X number of products left in the web page.<\/li>\n
- Display Toolbar:<\/strong> This field of Magento 2 endless scroll extension will allow the admin whether to display the Toolbar on product listing page or not.<\/li>\n<\/ul>\n
\u00a0<\/a><\/p>\n3.2 Look and Feel Settings
\n<\/a><\/h3>\nFrom this tab, the store admin can adjust the background and\u00a0text color\u00a0of the message box and go to\u00a0top link.<\/p>\n
![\"magento-2-infinite-scroll-look-and-feel\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-look-and-feel.png\")
<\/a><\/p>\n\n- Message Box Background Color:<\/strong> This tab of Magento 2 endless scroll extension offers the admin to set the background color of the message box.<\/li>\n
- Border Color:<\/strong> The Magento 2 Infinite Scroll extension allows the admin to customize the border color of the message box as per his preferences.<\/li>\n
- Text Color:<\/strong> The admin can customize the text color of the message box as per his choice. He can do the same just by selecting the color from the color picker.<\/li>\n
- Go To Top Link Background Color:<\/strong> This field of Magento 2 fast scroll extension allows the admin to set the background color of the \u201cGo To Top Link\u201d. Below is the screenshot of the Go To Top Link:<\/li>\n<\/ul>\n
![\"magento-2-infinte-scroll-front-interface\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-front-interface.png\")
<\/a>
\n<\/a><\/p>\n\n- Custom CSS:<\/strong> If the admin wants to add the custom CSS for any element of Infinite scroll for Magento 2 extension, then, he can do the same by adding CSS in this field.<\/li>\n
- Upload Loader Image:<\/strong> This tab of Magento 2 endless scroll extension allows the admin to upload the loader image of his choice. The admin can upload .jpg, .png and .gif format images only. Image size should not be more than 2 MB.<\/li>\n<\/ul>\n
3.3 Selector Settings:
\n<\/a><\/h3>\n![\"magento-2-infinite-scroll-selector-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinite-scroll-selector-settings.png\")
<\/a><\/p>\n\n- Content: This tab of Magento 2 Infinite Scroll extension allows the admin to set the Class name of the Content container.<\/li>\n
- Next: This tab of Magento 2 fast scroll extension offers the admin to set the Class name of Next element.<\/li>\n
- Previous: This tab of Magento 2 quick scroll extension allows the admin to set the Class name of the Previous element.<\/li>\n
- Item Grid: This field of Magento 2 endless scroll extension allows the admin to set the Class name of Grid item.<\/li>\n
- Item List: This field of Magento\u00a02 endless\u00a0scroll extension allows the admin to set the class\u00a0name of the\u00a0list item.<\/li>\n
- Toolbar: In this field of Magento 2 infinite scroll module, the admin will have to set the Class name of the Toolbar.<\/li>\n
- Pagination: This tab of Magento 2 quick scroll extension allows the admin to set the Class name of the pagination container.<\/li>\n<\/ul>\n
NOTE:<\/strong><\/p>\n1. Don’t forget to add ‘#’ before id element and ‘.’ before the class element.<\/strong><\/em>
\n 2. If you are not familiar with these selector elements please do not edit them.<\/strong><\/em><\/p>\n3.4 Sandbox Settings:
\n<\/a><\/h3>\n![\"magento-2-infinte-scroll-sandbox-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-sandbox-settings.png\")
<\/a><\/p>\nThe Sandbox Settings tab of the Magento 2 infinite scroll extension offers the admin to test the extension before implementing it on the site.<\/p>\n
\n- Activate:<\/strong> Enable this field of Magento 2 fast scroll extension to test the extension.<\/li>\n
- Authorized IP Address:<\/strong> In this field of Magento 2 quick scroll extension, enter the IP addresses on which you want infinite scroll active. Make sure that the entered IP addresses are separated by a comma. You can add the IP by clicking on \u201cAdd my IP\u201d option.<\/li>\n<\/ul>\n
4.0 Store Front-end<\/h2>\n
The Magento 2 endless scroll extension will be enabled on the whole website where pagination occurs. The\u00a0 Infinite scroll for Magento 2 extension would appear at the front as follows:
\n<\/a><\/p>\n![\"magento-2-infinite-scroll-loader\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-loader.gif\")
<\/a><\/p>\nE<\/b><\/strong>nd<\/b><\/strong>\u00a0page <\/b><\/strong>messa<\/b><\/strong>ge a<\/b><\/strong>nd <\/b><\/strong>top l<\/b><\/strong>ink<\/b><\/strong>:<\/b><\/strong><\/p>\n![\"magento-2-infinite-scroll-front-interface\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2018\/05\/magento-2-infinte-scroll-front-interface.gif\")
<\/a><\/p>\nFind more details about this Infinite scroll for Magento 2 below:<\/strong><\/p>\nMagento 2 endless scroll extension Admin Demo<\/a><\/p>\nMagento 2 fast scroll extension Extension Front Demo<\/a><\/p>\n
2.0 Installation Steps of Infinite scroll for Magento 2 Extension:<\/h2>\n
The steps to install the Magento 2 quick scroll extension are mentioned below:<\/p>\n
1. Buy the Infinite scroll for Magento 2 extension from Knowband. You can download the extension package.<\/p>\n
2. The package has a zipped file that contains the user manual and the source code of Magento 2 Infinite Scroll Extension. Unzip the package.<\/p>\n
3. Create a folder {Magento root}\/app\/code\/Knowband\/Infinitescroll<\/p>\n
4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https:\/\/filezilla-project.org\/).<\/p>\n
5. Now run below commands to install the Magento 2 Infinite Scroll Extension:<\/p>\n
php -f bin\/magento module:enable –clear-static-content Knowband_ Infinitescroll
\nphp -f bin\/magento setup:upgrade
\nphp -f bin\/magento setup:di:compile
\nphp bin\/magento setup:static-content:deploy<\/p>\n
php bin\/magento cache:clean<\/p>\n
6. The extension is now installed and ready for use. In Admin Panel go to \u201cKnowband Extensions > Infinite Scroll\u201d.<\/p>\n
You can now configure and use the Magento 2 Infinite Scroll extension.<\/p>\n
3.0 Admin Interface<\/h2>\n
Magento 2 fast scroll extension offers following interfaces to be configured: Below is the detailed description of every setting:<\/p>\n From this tab, store admin can\u00a0adjust the general\u00a0settings of the Magento\u00a02 infinite scroll module.<\/p>\n a. Infinite Scrolling<\/p>\n b. Load More Link<\/p>\n \u00a0<\/a><\/p>\n From this tab, the store admin can adjust the background and\u00a0text color\u00a0of the message box and go to\u00a0top link.<\/p>\n NOTE:<\/strong><\/p>\n 1. Don’t forget to add ‘#’ before id element and ‘.’ before the class element.<\/strong><\/em> The Sandbox Settings tab of the Magento 2 infinite scroll extension offers the admin to test the extension before implementing it on the site.<\/p>\n The Magento 2 endless scroll extension will be enabled on the whole website where pagination occurs. The\u00a0 Infinite scroll for Magento 2 extension would appear at the front as follows: E<\/b><\/strong>nd<\/b><\/strong>\u00a0page <\/b><\/strong>messa<\/b><\/strong>ge a<\/b><\/strong>nd <\/b><\/strong>top l<\/b><\/strong>ink<\/b><\/strong>:<\/b><\/strong><\/p>\n Find more details about this Infinite scroll for Magento 2 below:<\/strong><\/p>\n Magento 2 endless scroll extension Admin Demo<\/a><\/p>\n Magento 2 fast scroll extension Extension Front Demo<\/a><\/p>\n
\n<\/a><\/p>\n<\/a><\/p>\n\n
3.1 General Settings
\n<\/a><\/h3>\n<\/a><\/p>\n\n
\n
3.2 Look and Feel Settings
\n<\/a><\/h3>\n<\/a><\/p>\n\n
<\/a>
\n<\/a><\/p>\n\n
3.3 Selector Settings:
\n<\/a><\/h3>\n<\/a><\/p>\n\n
\n 2. If you are not familiar with these selector elements please do not edit them.<\/strong><\/em><\/p>\n3.4 Sandbox Settings:
\n<\/a><\/h3>\n<\/a><\/p>\n\n
4.0 Store Front-end<\/h2>\n
\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n