Overview
Variations
Infinite Scrolling can be implemented in one of two ways:
- Automatic load - as the user scrolls to the bottom of the page, the next batch of products is automatically loaded with no action required from the user.
- User-controlled load - when the user scrolls to the bottom of the page, a 'Show More Products' button appears. The user can choose to click for the next batch of products, or not.
Either option is quick to implement - it simply depends on the behaviour that is right for your website.
Step-by-step guide
To enable Infinite Scrolling:
- In the CMS, go to Content → Content → Standard Pages.
- Select the Product List template.
- Locate the Product List Grid widget and click Edit.
- Toggle ON Use Infinite Scrolling? option and click Infinite Scrolling to expand the options.
- Click the Infinite Scrolling tab.
- In Infinte Scrolling Loading Text, edit the prompt for the message to the user that more items are being loaded.
- To automatically load more items as the user scrolls down the page, toggle OFF Enable Click To Show More. Toggle ON to let the user click to show more items.
- If (7) is ON, if you want to, in Click to show more Products button text, edit the text shown to the user.
- Toggle ON Pre-Load Data to have data for additional products loaded in the background, before the page has been scrolled or the button has been clicked.
- Click Save.
Additional Information
--
Minimum Version Requirements |
|
---|---|
Prerequisites |
|
Self Configurable |
|
Business Function |
|
BPD Only? |
|
B2B/B2C/Both |
|
Third Party Costs |
|
Related help