Skip to end of metadata
Go to start of metadata
The Navigation Button widget adds a styled button which can link to the previous page, home page, or shopping cart.

The widget can be used in the following templates:

  • All templates

OptionUseCommentsAvailable from Version
DescriptionA short description of the widget's use.This description is added to the widget title. It makes the widget's use clear on the template page.All
LayerThe layer the widget is valid for.

Use  layering to limit widget content to certain groups of users. 

To use the same widget for more than one user group but with different options set, add the widget as many times as needed in the same zone. Then add layering to define the user group each time. 

Button LabelText on the button.
Button IconIcon on the button.

Default: cv-ico-general-arrow-left6

Select via drop-down

Icon PositionIcon position relative to the text on the button.Default: LeftAll
Button Colour Type

Styles the button colour in line with site design.


  • Alternate
  • Black
  • Default
  • Primary
  • Secondary
Default: PrimaryAll
Button Colour Shade

Styles the button shade in line with site design.


  • Dark
  • Light
  • Normal
Default: NormalAll
Button Type

Styles the button type in line with site design.


  • Clear
  • Ghost
  • Normal
  • Square
  • Pill
Default: NormalAll
Button Size

Styles the button size in line with the site design.

Possible values:

  • Normal
  • Small
  • Large
Default: LargeAll
Link Location

Where the button links to:

  • Home Page
  • Previous Page
  • Cart
  • Custom Page

Default: Previous Page

Custom Page Url

Enables the button to link to any page.

NOTE - If a custom page URL is entered, this will override any non-custom page Link Location selected. 

Default: blank

Link Target

Select from:

  • Blank
  • Current Frame
  • Top Frame
  • Parent Frame

Default: Current Frame

TIP - Blank or Current Frame is typically used. Top Frame and Parent Frame are for advanced users.

  • Blank: new window/tab
  • Current Frame: page opens in the same window as link. 
  • Top Frame: page opens in the full body of the window.
  • Parent frame: page opens in the immediate parent of the frame. It is used when there may be several nested frames and this allows more control over which frames are specified.