Allow infinite scrolling to load extensive product list or vast categories instead of the user navigating through pages. |
Entering a search term on a website can often return hundreds of results. For sites with a large product list or many categories, infinite scrolling (or endless scrolling) can be used to load products automatically as the user reaches the end of the page. This saves the user navigating through paging and provides a more seamless browsing experience. |
You can implement infinite scrolling with one of two ways:
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.
- To set automatic or user-controlled scrolling, click the Infinite Scrolling tab.
Set fields for the option you want.
Automatic Value Enable Click to Show More
OFF
Preload Data
ON - all results will load in the background before page is in view
OFF - results loads only when in view
Infinite Scrolling Loading Text Displays when more results are being loaded. Default: Loading more...
User-controlled Value Enable Click to Show More
ON Click to Show More Products Button Text Default: Show More Products
- Click Save.
-- |
Minimum Version Requirements |
| |
---|---|---|
Prerequisites |
| |
Self Configurable |
| |
Business Function |
| |
BPD Only? |
| |
B2B/B2C/Both |
| |
Third Party Costs |
|
Related articles appear here based on the labels you select. Click to edit the macro and add or change labels.