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
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
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