DERTOUR GroupDesign
Documentation
Guide contents
Content type / Page sections

Banner

Global_Body_Banner_001

What this is used for

A heading, some copy, a picture and a button. Set Kind first: it decides where the banner appears and which of the extra fields at the bottom are used.

How you use it

A block that makes up part of a page. Create the entry, then add it to a page's list of sections. The same section entry can be added to more than one page.

20

Fields you can fill in

1

Fields kept in step automatically

6

Used by

content types

Fields you can fill in

FieldWhat goes in itNotes

Internal name

internalName
required
Short text

Kind

kind
required
Short text

Set this FIRST. Empty state is the 'no quotes yet' panel · Error page is the 404/500 screen and uses Error code · Promo card sits beside the homepage hero · Introduction is text only, no picture or button · Newsletter uses the three form-label fields and Consent text.

Choose one of:
emptyState
errorPage
promoCard
introduction
newsletter

Eyebrow

eyebrow
Short text

Heading

heading
required
Short text

Heading level

headingLevel
Short text
Choose one of:
h2
h3
h4

Heading style

headingVariant
Short text
Choose one of:
h2
h3
h4
h5
h6
subtitle1
subtitle2

Heading colour

headingColor
Short text
Choose one of:
inherit
primary
secondary
textPrimary
textSecondary

Body

body
Long text

Image

image
One image or file

The banner image. Takes precedence over Image URL — set one or the other, not both.

Image URL

imageUrl
Short text

The Celum URL of the image. Pictures are not uploaded into Contentful — paste the URL of the asset as it is served.

Image alt text

imageAlt
Short text

Button label

ctaLabel
Short text

Button URL

ctaHref
Short text

Sale styling (promo cards)

saleStyling
Yes / no

Promo cards only. Tick to draw this card's underline stroke in the sale red instead of the brand yellow — for the card that carries a campaign. Nothing else about the card changes.

Error code

errorCode
Short text

Error page only. e.g. "404".

Name field label

nameLabel
Short text

Newsletter only.

Email field label

emailLabel
Short text

Newsletter only.

Consent text

consentText
Long text

REQUIRED for Newsletter. The marketing-consent line shown beside the sign-up button. A sign-up form published without it is a compliance problem.

Second button label

secondaryCtaLabel
Short text

Optional second button, shown beside the first. Used by the My Kuoni empty-state panel, which offers both 'Browse trip ideas' and 'Enquire now'.

Second button URL

secondaryCtaHref
Short text

Fields kept in step automatically

These appear greyed out, or not at all. They are filled in from another system, so anything typed here would be overwritten.

FieldWhat goes in itNotes

Component key (sitemap catalogue ID)

componentKey
required
Short text

Where this gets used

These content types link to this one. Editing an entry of this type changes every one of them that points at it.