Versions Compared

Key

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

...

Accordion Widgets are made out of individual entries that contain collapsed and expanded content. Content fields are multilingual.

...

...

Anchor Links
Status
colourYellow
titleMULTILINGUAL

Any piece of block-level text can go here. Text can be selectively formatted and can include hyperlinks.

...

...

Creates a link to an existing anchor created via the Anchor Widget; note the anchor name must match in order for the link to work.

The link is displayed enclosed around separator lines.

...

Anchor Widget
Status
colourYellow
titleMULTILINGUAL

A prominent header. Optionally with a picture and a tag line.

...

Image Widget
Status
colourYellow
titleMULTILINGUAL

Include any image file, optionally with a caption.

Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.

...

This widget creates an anchor in the page that can be linked to from elsewhere in the page. Please note this widget alone has no visual component; it supports other widgets to link to the position in the page where this widget is defined.

The textual name of the anchor can be anything. When used in conjunction with the Anchor Links Widget, please note the names must match.

Note when referencing anchors from elsewhere, whitespace typed in the name will be collapsed.

Example

Name: Veggie Options → Anchor: #VeggieOptions

Call To Action Widget
Status
colourYellow
titleMULTILINGUAL

...

A row of two consecutive images that will be displayed side-by-side — or stacked on top in a mobile viewport.

...

...

Header Widget
Status
colourYellow
titleMULTILINGUAL

A list of image tiles with a title, body text, and a link leading to further information.

...

prominent header. Optionally with a picture and a tag line.

...

Info Cells Widget
Status
colourYellow
titleMULTILINGUAL

A vertically laid out block containing multiple information cells. Each information cell contains an image, title, and little description text.

...

Image Widget
Status
colourYellow
titleMULTILINGUAL

Include any image file, optionally with a caption.

Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.

...

Locale Block Text Widget
Status
colourYellow
titleMULTILINGUAL

Places text prominently in a quote-like format. The quote attribution can be set using an image, as well as a name and optional title.

...

Any piece of block-level text can go here. Text can be selectively formatted and can include hyperlinks.

...

Loyalty Banner Widget
Status
colourYellow
titleMULTILINGUAL

Creates a banner using a set of selected images for unauthenticated/authenticated scenarios, as well as mobile/desktop viewports.

The banner contents come from the configuration set at the Feature Loyalty UI document.

...

Loyalty Tab Selector Widget
Status
colourYellow
titleMULTILINGUAL

A vertically laid out block containing multiple information cells. Each information cell contains an image, title, and little description text.

...

For authenticated users, it displays the How it Works and Rewards History Loyalty Tiers configuration values as separate, user-clickable tabs.

...

Nutrition Explorer Widget
Status
colourYellow
titleMULTILINGUAL

...

The list of categories displayed at the top level as well as the filter groups can be freely customized.

...

...

Preview Widget
Status
colourYellow
titleMULTILINGUAL

This widget creates an anchor in the page that can be linked to from elsewhere in the page. Please note this widget alone has no visual component; it supports other widgets to link to the position in the page where this widget is defined.

The textual name of the anchor can be anything. When used in conjunction with the Anchor Links Widget, please note the names must match.

Note when referencing anchors from elsewhere, whitespace typed in the name will be collapsed.

Example

Name: Veggie Options → Anchor: #VeggieOptions

...

A list of image tiles with a title, body text, and a link leading to further information.

...

Quote Widget
Status
colourYellow
titleMULTILINGUAL

Places text prominently in a quote-like format. The quote attribution can be set using an image, as well as a name and optional title.

...

Video Widget
Status
colourYellow
titleMULTILINGUAL

Creates a link to an existing anchor created via the Anchor Widget; note the anchor name must match in order for the link to work.

The link is displayed enclosed around separator lines.

...

Download File

Video

YouTube

WebView

Loyalty Banner

Loyalty Tab Selector

Rewards CarouselAllows displaying an uploaded video, with an optional caption.

Should the image be sourced from a 3rd party and its license requires attribution, the attribution link can be specified too.

...

YouTube Widget
Status
colourYellow
titleMULTILINGUAL

Embed any YouTube video by providing its video ID.

...

Manual Authoring

Alternatively, static pages' content can be populated manually.

...