Versions Compared

Old Version 1

changes.mady.by.user Andrew Rogencamp

Saved on

compared with

New Version Current

changes.mady.by.user Documenter

Saved on

Key

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

Describe what the purpose of the widget is.

 

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.



Following is an example of the widget in use:

 Image Added


The widget can be used in the following templates:

 

  • All templates



...

OptionUseCommentsAvailable from Version
Description
The
A short description of the widget
It is recommended to use this so the reason for use of the widget is seem from the template page
's use.This description is added to the widget title. It makes the widget's use clear on the template page.All
LayerThe layer
that
the widget
will be shown onThe layering technology allows for the content to be shown to specific audiences. This is handy
if the content is only valid for a certain type of user, or if the same widget is required for more than
one audience, but different configuration is needed. The widget can be added to the zone more
than once and the layer feature can determine which audience can see each 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 Label
   Button Icon   Icon Position   Button Colour Type   Button Colour Shade   Button Type   Button Size   Link Location   Show On Mobile?   Right Align? Push element to the right" help="Turn this on to make the widget appear on the right hand side of the zone. 

 

 

...

Text 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