To start, go to System -> Configuration -> IWD Extensions -> Ajax Infinity Scroll


IMPORTANT
If you have a 3rd party extension that is adding additional effects on the category page, such as a Quick View or additional popup, then you will need to add a custom logic loader. After installation, you can add custom logic or required logic by your theme after loading the page.


1. Open the file js/iwd/infinityscroll/scroll.js

2. Insert your logic to require method (depending on the mode):
  • scrollAfter() - load next product page after scrolling
  • buttonAfter() - load next product page after click button “Load more...”
  • paginationAfter() - load next page by AJAX



GENERAL


Version

  • Currently installed version of the extension

Mode

  • Ajax Scroll - more products will load as the user scrolls down the page
  • Ajax Pagination - more products will load once the user selects the next page
  • Upload After Button Click - more products will load once the user reaches the bottom of the page and clicks the button to load more




TOP BUTTON


Enable

  • Choose to activate the 'back to top' button on all pages on your store or only on category pages

Button Size 

  • Specify the size of the button shown to customers

Alt Label for 'Up' 

  • Label that appears when user hovers their mouse over button

Color #1 / #2 for 'Up'

  • Enter the primary and secondary colors for the Up button 

Alt Label for 'Down' 

  • Label that appears when user hovers their mouse over button

Color #1 / #2 for 'Down' 

  • Enter the primary and secondary colors for the Down button




ADDITIONAL


Enable Page Block Title

  • If 'yes' then the page title will change as the user loads information from other pages
Enable "Smart URL"

  • This feature will update the URL when the user loads information from other pages
Pre-Load

  • Load the information for the next page automatically when loading the initial page
Pagination Link

  • Style path to pagination link. (Needed only for "AJAX pagination" mode)
"Load More" Button Text

  • If mode is set to Upload after button click then specify the text that appears on this button
"Load More" Button Color

  • Specify the button's color if using Upload After Button Click mode
"Load More" Button Hover

  • Specify the button's hover color if using Upload After Button Click mode