Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Excerpt

The Recently Viewed Products widget can be used to display a list of products the user has previously browsed. The fields shown on these product tiles are customisable to an extent, but for greater flexibility, a zoned layout can be enabled for Recently Viewed Productsthanks to the zoned layout template.

 

 

...

Non-zoned Layout - Recently Viewed ProductsImage Removed

...

Zoned Layout - Recently Viewed ProductsImage Removed

 

...

Image Added

Custom fields can be included, banners additional data can be shown, and widgets can be dragged and dropped onto the template as needed. This guide will detail how to enable cover the zoned layout for Recently Viewed Products. 

Step-by-step guide

First, enable the zoned feature: 

  1. Login to the CMS.
  2. Navigate to 'Settings' --> 'Website Features'.
  3. If 'ProductFeatures' does not have a green tick next to it, click the minus symbol to enable it. 
    Image Removed 
  4. Click 'Edit' for Product Features. 
  5. Tick the option 'Use Zoned Template For Recently Viewed Products'.
  6. Click 'Save'.

 

...

Add The Widget

 First, place the 'Recently Viewed Products' widget on the your Product Detail template (if it's not already there): 

...

.  

  1. In the CMS, navigate to Content → Standard Pages.
  2. Select the Product Detail template
  3. Locate the appropriate zone according your layout zone (for example, (we're using 'Zone Bottom'), and click 'Add Widget'Select
  4. 'Search for Recently Viewed Products' widget  widget and click 'Add Widget'.
    Image Added 
     Click 'Edit'
  5. on the 'Recently Viewed Products' Edit your newly added widget. 
  6. Configure the standard general options as required (Title, max number of products, etc). Widget documentation can be found here - Recently Viewed Products Widget.Click to expand the 'Zoned Functions' options
    Image Added 
     
  7. Select the Zoned Functions tab
    Image Removed Image Added

  8. Configure the zoned options as required. 
  9. Click 'Save'.

 Finally,

Customise The Template

To adjust the data displayed on the Recently Viewed Products tiles, you can customise the Recently Viewed zoned template:. 

  1. Navigate to 'Content' --> ' → Standard Pages'
  2. Under the product section, select the 'Select the Recently Viewed Zoned Template'.. Tip: use the search box to quickly find the template you're after!
    Image Added 
  3. The default widgets will be present laid out on the template.Drag
    Image Added 
     
  4. To rearrange the order of the content, simply drag and drop widgets to re-order them, or add and delete widgets as needed.sequence. 
    Image Added 
     
  5. To add content, click 'Add Widget' in the zone you wish new content to appear in. 
     Image Added

  6. To remove content, click the options arrow, then select 'Delete' on the widget you wish to remove. 
    Image Added 
     
  7. Refresh your product detail page (in another browser or incognito Chrome window) to see the your changes reflected.  



Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("how-to","cms") and type = "page" and space = "KB"
labelshow-to cms