You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 13 Next »

Overview


Entering a search term on a website can often yield hundreds of results. For sites with an extensive product list or vast 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 can provide a more seamless browsing experience. 

Variations

Infinite Scrolling can be implemented in one of two ways: 

  1. 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.  
    Automatic Load


  2. 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. 
    User Clicks to Load


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:

  1. In the CMS, go to Content → Content → Standard Pages. 

  2. Select the Product List template.

  3. Locate the Product List Grid widget and click Edit.

  4. Toggle ON Use Infinite Scrolling? option and click Infinite Scrolling to expand the options.
     
  5. Click the Infinite Scrolling tab.
  6. In Infinte Scrolling Loading Text, edit the prompt for the message to the user that more items are being loaded.

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

  8. If (7) is ON, if you want to, in Click to show more Products button text, edit the text shown to the user.
     
  9. 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.
     
  10. Click Save.


Additional Information


-- 

Minimum Version Requirements


3.07

Prerequisites


--

Self Configurable


Yes

Business Function


Site Structure

BPD Only?


yes

B2B/B2C/Both


Both

Third Party Costs


n/a


Related help

  • No labels

© Copyright 2001-2023 Commerce Vision Pty Ltd. Use of this site signifies your acceptance of Commerce Vision’s Terms & Conditions. CV Connect, the Commerce Vision logos, and other Commerce Vision marks are assets of Commerce Vision Pty Ltd.