DERTOUR GroupDesign
Documentation
Guide contents
16Home page section 16 of 20

Gift list band

A cream card over an underwater photo, inviting visitors to start a gift list.

The entry you edit

Homepage — Gift CTA

Content type

CTA Band


What makes it this section
Appearance = photo

Full-width photo with an inset cream card.

What a visitor sees

On the websiteLIVE
A cream card over an underwater photo, headed 'Think the perfect gift doesn't exist?' with a Start Creating Your List button.

What each field controls

The Field column is the label as it appears in Contentful; under it, the field's id, for talking to a developer. The number matches the marker on the screenshots above.

#FieldWhat it controlsNotes
1

Internal name

internalName
required
Nothing on the page.

2

Eyebrow (small text above heading)

eyebrow
The small line above the heading.

Up to 60 characters.

3

Heading (optional)

title
The band's heading.

Up to 90 characters.

4

Description (optional)

description
The paragraph under the heading.

Up to 240 characters.

5

Background colour

background
required
The band's colour.
Choose one of:
cream
white
brand-yellow
sale-red
dark
6

Background image (optional)

backgroundImage
The full-width photo behind the band.

Only does anything when Appearance is "photo" or "offer".

7

Inner image (the round one)

innerImage
The round portrait inside the band, beside the heading.

Square pictures work best — it is cropped to a circle. Leave it empty and no circle is drawn at all, rather than an empty ring.

8

Button

cta
The button.

A link to a reusable Link / CTA entry. This is one of the few sections where the colour and style set on that CTA entry are actually used.

9

Also show a 'Call us' number

callUsPhone
The "Or call us" line and phone number beside the button.

A link to a Text value entry, so the same number is used everywhere and changed in one place.

10

Appearance (choose the layout)

variant
Which of the three band designs you get.

photo = full-width photo with an inset cream card. solid = a soft-yellow card, no photo. offer = the large sale-red offers banner. Same fields either way; only the look changes.

Choose one of:
photo
solid
offer

Heading level (SEO tag) / Heading style / Heading colour

headingLevel / headingVariant / headingColor
The heading's importance, size and colour.

How to change it, step by step

  1. Find the entry

    Search Contentful for "Homepage — Gift CTA" and open it. You can also reach it from the Homepage entry — it is in the Sections list, in page order.

  2. Change what you need

    Edit the fields listed above. Contentful saves as you type, but saving is not publishing.

  3. Publish this entry

    Change status → Publish, top right. Until you do, the site keeps showing the previous published version.

  4. Publish anything new you linked

    If you added a card or a CTA, open each one and publish it too. A draft card is skipped silently — the section renders without it and nothing tells you why.

  5. Check the page

    Open the home page. Changes appear within about 30 seconds. If nothing changed, the usual cause is an unpublished entry.


Previous section

Ways to book

Next section

Testimonials