Hero Slide
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 typesFields you can fill in
| Field | What goes in it | Notes |
|---|---|---|
Internal name internalNamerequired | Short text | — |
Style variantrequired | Short text | Choose one of: standard sale-button sale-takeover no-cta |
Headline headlinerequired | 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.
| Field | What goes in it | Notes |
|---|---|---|
Component key (sitemap catalogue ID) componentKeyrequired | 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.
