Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section


Column
width60%

Table of Contents
maxLevel3


Column
width30%



Image Removed
Section

Installation


Include Page
Base Module Notes
Base Module Notes

Warning

Before installing the extension, please make sure to Backup your web directory and store database

  • Unzip the extension package file into the root folder of your Magento 2 installation.
  • Connect to SSH console of your server:
    • Navigate to the root folder of your Magento 2 setup
    • Run command as per below sequence,

      Panel

      php -f bin/magento setup:upgrade


      Panel

      php -f bin/magento module:enable Magedelight_Ajaxscroll


      Panel

      php -f bin/magento setup:static-content:deploy


  • Flush store cache
  • log out from the backend and log in again
Section

License Configuration

Note

License activation is not required for extension purchased from Magento Marketplace.

After successful installation of Ajax Infinite Scroll for Magento 2 extension, you are now required to configure the license key in the admin configuration section. You can set it from:

Step 1: Go to, Admin Control Panel > Stores Configuration > Magedelight > Ajax Scroll > License Configuration. 

You will find two text boxes asking for Serial Key and Activation Key, which you received on email upon the purchase of extension. See screenshot below:

Panel

Image Removed

  • Serial Key: Enter Serial Key
  • Activation Key: Enter Activation Key

Step 2: Expand “General Configuration” tab, you will find a list of domains for which license is purchased and configured, now select the domain you are going to use, you can select multiple domains by clicking “Ctrl + Select”.

Panel

Image Removed

Step 3: Now, select “Yes” from “Enable Module” to enable extension and again click on “Save Config” button on the top right.

Panel



Section

Backend Configuration (Admin side)


Panel

Enabled: Select "Yes" to enable the module

Loading Icon: Specify loader icon to display on front-end

Use Previous: Specify "Yes" to allow load previous search results on front-end

Stop infinite scroll from page: Specify number of pages to display load more button. It will stop infinite scroll from specified page number and display the "load more" button to load next page manually

Text Button Load More: Specify text to display on load more button on front-end

Text Button Load Previous: Specify test to display on load previous button on front-end

Text No More: Specify text to display when there is no more items to show on front-end

Background Color for Load More Button: Specify color hash code to set background color of load more button on front-end

Color Button Load More: Specify color hash code to set text color of load more button on front-end

Panel

Enable: Specify "Yes" to enable "Goto Top" button on front-end

Location Offset: Specify location offset in pixel to display “Go to Top” button

Bottom Offset: Specify the bottom offset in pixel to display "Go to Top" button

Container Size: Specify height and width for “Go to Top” button

Container Radius: Specify thickness in pixel for “Go to Top” button

Hide Under Width: Specify pixel to hide “Go to Top” button

Container Color: Specify color for “Go to Top” button

Arrow Color: Specify color of arrow for “Go to Top” button

A text to show on the button mouse hover: Specify text to show on mouse hover of move to top button

z-index: Specify z-index for button,

Expand

The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

Always Visible: Select "Yes" if you always wish to show move to top button

Trigger: Specify height of page in pixel to display “Go to Top” button

Location: Select the location of move to top button

Go Up Speed: Select the speed to move to top. It has two options fast and slow. Merchant/admin can set the speed of page

...