Media and banner sections
Eight sections in the gallery’s Media group. All of them share the layout, background and visibility controls, so only what is specific to each is listed here.
Hero Slider
Full-width image carousel for the top of the page. The big rotating banner most stores open with. Full width by default.
| Control | Notes |
|---|---|
| Slides | An image list; each slide can carry its own link. Drag to reorder |
| Autoplay | On by default |
| Autoplay delay (ms) | 4000 = four seconds. Minimum 1000 |
| Height (px) | 710 by default |
Needs at least one slide: “Add at least one slide.”
Use images of the same size and shape. Mixed sizes make the slider jump as it rotates.
Image Slider
A boxed image carousel with links. The same idea as the Hero Slider, but inside the centred column rather than edge to edge, and with visible controls.
| Control | Notes |
|---|---|
| Images | Image list, each with an optional link |
| Autoplay, Autoplay delay (ms) | Default on, 5 seconds |
| Show dots | The position dots under the slider |
| Show arrows | The previous / next arrows |
| Height (px) | 420 by default |
Banners
One or more promotional banner images with links. An even row of banners — two, three or four side by side. Gap between items (px) sets the space between them. Needs at least one image.
Masonry Banners
Mixed-size promotional banners in a masonry grid. Same controls as Banners, but the images keep their own proportions and tile around each other. Good for a “shop by look” block; poor for anything where the banners must match.
Wide Banner
A single wide promotional banner with a link. One image, one link. The simplest way to drop a campaign strip between two other sections.
CTA Hero
A headline hero with subtext, call-to-action buttons and a background image. Unlike the Hero Slider, this one is built from text, so it stays readable on a phone and search engines can read it.
| Control | Notes |
|---|---|
| Eyebrow (small label) | A short line above the heading — “New season” |
| Heading | Required |
| Subheading | One or two lines |
| Buttons | A repeater. Each has a Label, a Link and a Style |
| Background image | Sits behind everything |
| Text color | White by default, for dark photographs |
| Image overlay (%) | Darkens the photo so the text stays legible. 40% by default |
| Min height (px) | 520 by default |
| Alignment | Left, Center or Right |
If your heading disappears into a busy photo, raise the overlay before changing the text colour.
Video
An embedded video banner section. One field, Video URL (YouTube / mp4) —
paste a YouTube link or a direct .mp4 address. Required.
Logo Strip
A row of trust / partner logos (“as seen on”).
| Control | Notes |
|---|---|
| Heading | Optional line above the logos |
| Logos | An image list |
| Grayscale logos | On by default, so mismatched logos look like a set |
Needs at least one logo.
Choosing between them
| You want | Use |
|---|---|
| A rotating full-width banner at the very top | Hero Slider |
| The same, but with a headline search engines can read | CTA Hero |
| A rotating banner inside the page | Image Slider |
| A row of equal campaign images | Banners |
| An uneven, magazine-style block | Masonry Banners |
| One strip across the page | Wide Banner |
| Payment or partner logos | Logo Strip |