DERTOUR GroupDesign
Documentation
Guide contents
Content type / Heroes

Hero Slide

Homepage_Hero_Slide_001

What this is used for

One full-width hero slide: a headline, optional sub-text, a background image or video, and an optional button. Add several slides to a Hero to make an auto-rotating slider.

How you use it

The big banner at the top of a page. You link it from the page rather than adding it to the section list.

9

Fields you can fill in

1

Fields kept in step automatically

1

Used by

content types

Fields you can fill in

FieldWhat goes in itNotes

Internal name

internalName
required
Short text

Style

variant
required
Short text
Choose one of:
standard
sale-button
sale-takeover
no-cta

Headline

headline
required
Short text

Sub-text

subheading
Long text

Background image or video

media
One image or file

Image/video description (accessibility)

mediaAlt
Short text

Button (CTA entry)

cta
One linked entry

The slide's button, as a CTA entry — this is the only way to set its STYLE (variant, colour including the Kuoni brand yellow, size, full width, open in a new tab). If this is set it WINS over the two plain "Button label" / "Button link" fields below, which stay for slides authored before CTA entries existed and render the hero's standard yellow pill. Leave all three empty for a slide with no button (or set Style to "no-cta", which suppresses the button without clearing the copy).

Links to:

Button label (optional)

ctaLabel
Short text

Plain button label, with no styling controls. Ignored when a CTA entry is linked in "Button (CTA entry)" above. Needs "Button link" filled in too — a label with no destination renders no button.

Button link (internal path or URL)

ctaUrl
Short text

Where the plain button goes: an internal path (/holidays/maldives) or a full URL. Ignored when a CTA entry is linked in "Button (CTA entry)" above.

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

What you can link to from here

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.