Sections reference
Slideshow
Displays a responsive image slideshow with separate desktop and mobile images, optional banner copy, and whole-banner link mode.
Merchant notes. Use mobile images with a portrait crop for best results.
Settings
| Setting | Type | Details |
|---|---|---|
color_schemeColor scheme |
color_scheme | default: scheme-2 |
hide_all_textHide all text |
checkbox | default: false |
banner_linkBanner link |
url | |
link_labelBanner link accessibility label |
text | default: Open banner link |
autoplayAuto-rotate slides |
checkbox | default: true |
autoplay_speedChange slides every |
range | 3–9s step 1 · default: 5 |
placeholder_textPlaceholder text |
text | default: Slideshow image |
Blocks
Slide slide
| Setting | Type | Details |
|---|---|---|
desktop_imageDesktop image |
image_picker | Recommended 2000 x 1200px or wider, landscape 5:3. If blank, the section shows the Vellum placeholder text. |
mobile_imageMobile image |
image_picker | Recommended 750 x 1100px, portrait 15:22. If blank, the desktop image or Vellum placeholder is used. |
content_positionContent position |
select | Left, Center, Right · default: left |
eyebrowEyebrow |
text | default: New arrivals |
headingHeading |
text | default: Make your phone feel personal |
textBody text |
textarea | default: Shop fresh case designs, charms, and personalised styles for everyday … |
primary_labelPrimary button label |
text | default: Shop now |
primary_linkPrimary button link |
url | |
secondary_labelSecondary button label |
text | |
secondary_linkSecondary button link |
url |
Depends on
assets/critical.css (.button component)