Appearance
Content Components
Content components show text, images and links. They can be placed on any page and in any zone.
Heading
A title for a page or a section.
| Setting | What it does |
|---|---|
| Text | The heading text |
| Level | H1 for the main title of a page, H2 and H3 for sections, H4 to H6 for smaller parts. Use one H1 per page; search engines read it as the page's title. |
| Text Alignment | Start, Center or End |
| Text Color | Overrides the text color, for example on a dark background. Empty uses the default. |
Paragraph
Running text with bold, links and lists, edited in a simple text editor.
| Setting | What it does |
|---|---|
| Content | The text |
| Text Alignment | Start, Center or End |
| Size | Small for notes and legal lines, Normal, or Large for an introduction |
| Text Color | Overrides the text color. Empty uses the default. |
Image
A single image, loaded only when it scrolls into view so pages stay fast.
| Setting | What it does |
|---|---|
| Image URL | Upload an image or pick one from the media gallery |
| Alt Text | A short description of the image for screen readers and search engines |
| Link URL | Optional link opened when the image is clicked |
| Width (px) | Maximum width. 0 uses the full available width. |
| Justification | Where the image sits: Start, Center or End |
| Corners | Square, Rounded, More rounded or Full. Full turns a square image into a circle. |
| Open in New Tab | Opens the link in a new browser tab |
| Align | See Align |
Video
A YouTube or Vimeo video. The page shows a poster with a play button, and the video player loads only when the shopper presses play, so the video does not slow down the page.
| Setting | What it does |
|---|---|
| Video URL | The address of a YouTube video, including Shorts, or a Vimeo video, as copied from the browser or the Share button |
| Title | What the video is about, read out by screen readers on the play button and the player |
| Poster Image | The image shown until the video plays. Empty shows the video's own thumbnail for YouTube, and a plain play button for Vimeo. |
| Aspect Ratio | The shape of the frame: 16:9, 4:3, 1:1 or 9:16. 9:16 suits Shorts and other vertical videos. |
| Width (px) | Maximum width. The height follows the aspect ratio. 0 uses the full available width. |
| Justification | Where the video sits: Start, Center or End |
| Corners | Square, Rounded or More rounded |
| Align | See Align |
YouTube videos play in YouTube's privacy-enhanced mode, and Vimeo videos are asked not to track the viewer.
Button
A call-to-action button.
| Setting | What it does |
|---|---|
| Label and URL | The text and where the button leads. A path in your store, such as /sale, opens without reloading the page. |
| Variant | Primary (filled), Secondary, Outline, or Light (filled with the page background, for a button on a dark or bold background) |
| Size | Small, Medium or Large |
| Justification | Start, Center or End |
| Open in New Tab | Opens the link in a new browser tab |
Banner
A hero section with a background image, a title, a line of text and a button.
| Setting | What it does |
|---|---|
| Background Image | The image behind the text |
| Title and Subtitle | The headline and the supporting text |
| Button Label and Button URL | The call to action. Leave the label empty to hide the button. |
| Min Height (px) | Minimum height of the banner. It grows if the text needs more room. |
| Align | See Align |
Carousel
A slider of images, each with an optional title, line of text and button: one slide at a time with the text over the image or beside it, or several slides side by side, such as a row of category tiles.
| Setting | What it does |
|---|---|
| Slides | The slides, in order. Each has an image and, optionally, a title, text and a button. |
| Layout | Overlay: the text over the image. Split: the image on one half and the text on the other, stacked on phones |
| Slides per View | For Overlay, how many slides sit side by side on large screens, up to 4. Tablets show at most two and phones one. Above one, each slide is an upright tile. |
| Text Position | Start, Center or End across the slide. With Split, the side the text takes, the image taking the other |
| Text Vertical Position | Top, Middle or Bottom |
| Autoplay | Moves to the next slide automatically |
| Interval (ms) | Time between slides when autoplay is on. 4000 is four seconds. |
| Show Arrows | Previous and next arrows at the sides |
| Show Dots | Dots at the bottom that jump to a slide |
| Align | See Align |
Shoppers can also swipe between slides on touch screens. Autoplay pauses while the pointer is over the slider. With several slides per view, the arrows, dots and autoplay move one slide at a time.
Link List
A titled list of links, typically a column in the footer such as "Customer Service" or "About Us".
| Setting | What it does |
|---|---|
| Title | Heading above the list. Leave it empty for none. |
| Links | The links, in order. Paths in your store, such as /about-us, open without reloading the page. |
| Size | Text size of the title and the links: Small, Normal or Large; the title stays a step above the links |
Social Links
A row of icons linking to your social profiles.
| Setting | What it does |
|---|---|
| Title | A heading above the icons. Leave it empty for none. |
| Networks | The profiles to link, in order. Choose the network, such as Instagram, Facebook, X, YouTube, Pinterest or TikTok, and paste the profile URL. The right icon is shown automatically. |
| Size | Text size of the title: Small, Normal or Large |