Adds a styled button that can link to any page on your site or externally. You can add an icon to the button and configure elements such as colour, size and icon position.




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

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

Default: cv-ico-general-arrow-left6

Select via drop-down

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

Styles the button colour in line with site design.

Options:

  • Alternate
  • Black
  • Default
  • Primary
  • Secondary

Default: Primary


TIP - If you are not sure what your colour selection is, refer to your Style Guides. (In the CMS, go to Content → Style Guides → UI Elements. Scroll down to Buttons - Standard.)

All
Button Colour Shade

Styles the button shade in line with site design.

Options:

  • Dark
  • Light
  • Normal
Default: NormalAll
Button Type

Styles the button type in line with site design.

Options:

  • 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


All
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


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


4.37



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