About this section
A magazine cover: your photo under a giant masthead that fills the width, with an issue line, up to five cover lines that link anywhere, the cover story with a button and a barcode corner. An optional cut-out of the same photo sits above the masthead, so the model breaks through the title.
How to add itCustomize → Add section
Where it can goAny page
Settings17 · 1 block type
Good to know: Leave the top of the photo quiet for the masthead and keep the masthead short, such as your store name. For the cut-out, remove the background from the same photo and upload it as a transparent .png at the same size.
Settings
| Setting | Type | What it does |
|---|---|---|
| Cover photo | Image | 2400 x 1600px .jpg recommended. Leave room at the top for the masthead. Choose an image from your files. |
| Cover photo on small screens | Image | 1200 x 1800px .jpg recommended Choose an image from your files. |
| Cover photo description | Text | Describes the photo for screen readers. Leave empty to use the image's own alt text. |
| Cut-out of the cover star | Image | Optional. The same photo with the background removed, as a transparent .png the same size as the cover photo. It sits above the masthead, like a magazine cover. Choose an image from your files. |
| Image overlay opacity | Slider | From 0 to 80 %, 25 % to start. |
| Height | Choice | Choose Large, Fill the screen. Fill the screen to start. |
Masthead
| Setting | Type | What it does |
|---|---|---|
| Masthead | Text | The title across the top. Leave empty to use the store name. Short words fill the width best. |
| Issue line | Text | — |
| Date line | Text | — |
Cover story
| Setting | Type | What it does |
|---|---|---|
| Subheading | Text | — |
| Heading | Text with bold, italic and links | — |
| Text | Formatted text | — |
| Button label | Text | — |
| Button link | Link | A link to any page. |
Barcode corner
| Setting | Type | What it does |
|---|---|---|
| Show a barcode corner | On / off | On by default. |
| Barcode text | Text | — |
| Color scheme | Color scheme | One of the color schemes from Theme settings → Colors. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Cover line
| Setting | Type | What it does |
|---|---|---|
| Kicker | Text | — |
| Headline | Text with bold, italic and links | — |
| Link | Link | A link to any page. |
| Side on large screens | Choice | Choose Left, Right. Left to start. |
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support