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

Search band (last section)

A yellow band at the foot of the page with a round portrait, a line of copy, a black button and a phone number.


What makes it this section
Appearance = solid

The soft-yellow card with no background photo.

Background colour = brand-yellow

The band's colour.

What a visitor sees

On the websiteLIVE
A yellow band with a round portrait, the line 'Imagine the perfect tailor-made holiday… it's only a few clicks away', a black Search For Trips & Packages button and a phone number. The newsletter sign-up and footer sit below it.
This is the last section of the page. The newsletter strip and the footer below it are not part of it — they come from the site footer.

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.

Other entries this section needs

Content typeWhy you need it
Link / CTAThe black button.
Text valueThe "Or call us" number.

How to change it, step by step

  1. Find the entry

    Search Contentful for "Homepage — SEARCH FOR TRIPS & PACKAGES" 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.