Sections · Placket 1.0.0
Content sections
Use these sections to tell your story, show images and share information. Most can be added to the Home page and to any other page, and some also work on product and collection pages. Each section lists where you can add it.
Editorial story
A text block with a large image and an optional small overlapping image. Good for your brand story or a statement about how you make things. The Manifesto layout sets the text in aligned columns.
Editor name: Editorial story. Where you can add it: Home page, Pages.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Our story | |
| Heading | Text (italic word allowed) | Tell your story | Italicize one word for the accent. |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | Share what you make, how you make it and why it matters. | |
| Link label | Text | Read our story | |
| Link | Link | Empty | |
| Button style | Primary; Secondary; Link | Link |
Plates
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Large image | Image | Empty | |
| Large image caption | Text | Empty | |
| Small image | Image | Empty | Optional square plate that overlaps the corner of the text column. |
| Small image caption | Text | Empty |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Image left, text right; Image right, text left; Manifesto, aligned columns | Image left, text right | |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Tips
- Use Large image caption and Small image caption for plate or figure labels. The label style is set in Theme settings > Image captions.
- The small image is optional. Leave it empty to show only the large image.
Image with text
An image beside a heading, text and a button, with up to four short detail rows. The Split pair layout puts the text beside two images.
Editor name: Image with text. Where you can add it: Home page, Pages, Product pages, Collection pages. Blocks: up to 4.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Our promise | |
| Heading | Text (italic word allowed) | Image with text | Italicize one word for the accent. |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | Pair an image with text to tell your story or explain a feature. | |
| Button label | Text | Learn more | |
| Button link | Link | Empty | |
| Button style | Primary; Secondary; Link | Link |
Image
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Image | Image | Empty | |
| Second image | Image | Empty | Split pair layout only. Shown when Layout is Split pair, text beside two images. |
| Image caption | Text | Empty |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Image left, text right; Image right, text left; Split pair, text beside two images | Image left, text right | |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) | |
| Image width | Small; Medium; Large; Bleed, to the page edge | Medium | |
| Vertical alignment | Top; Middle; Bottom | Middle |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Detail row (up to 4)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Detail heading | |
| Text | Text | Add a short detail |
Tips
- Use Image width > Bleed, to the page edge for an image that runs to the edge of the screen.
- Add up to four Detail row blocks for short facts such as "Fabric" and "Organic cotton".
Rich text
A heading with up to three blocks of text and up to two buttons. Use it for short announcements, policies or an introduction.
Editor name: Rich text. Where you can add it: Home page, Pages, Collection pages, Product pages. Blocks: up to 5.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | About us | |
| Heading | Text (italic word allowed) | Talk about your brand | |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Split, heading left and text right; Stacked; Centered; Chapter, label row and two columns | Split, heading left and text right | |
| Text alignment | Left, center or right | Left | Shown when Layout is not Split, heading left and text right. |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Text (up to 3)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Text | Rich text | Share what makes your brand different. |
Block: Button (up to 2)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Button label | Text | Learn more | |
| Button link | Link | Empty | |
| Button style | Primary; Secondary; Link | Primary |
Tips
- Add buttons with the Button block. Each button can be Primary, Secondary or Link style.
- Text alignment is not available in the Split layout.
Multicolumn
Columns of text, each with an optional image, heading and link. Good for benefits, care steps or categories.
Editor name: Multicolumn. Where you can add it: Home page, Pages, Collection pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Empty | |
| Heading | Text (italic word allowed) | Details that last | |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Link label | Text | Shop now | Shown at the right of the heading. Leave empty to hide. |
| Link | Link | Empty |
Columns
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Columns on desktop | 1 to 6 | 3 | |
| Columns on mobile | 1 column; 2 columns | 1 column | |
| Offset every second column | On or off | On | Moves the middle columns down for an editorial rhythm. |
| Dividers between columns | On or off | Off | Thin vertical lines between columns, same as the logo list. |
| Text alignment | Left, center or right | Left |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Column (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Image | Image | Empty | |
| Heading | Text | Column heading | |
| Text | Rich text | Describe this feature in one or two lines. | |
| Link | Link | Empty | Makes the whole column a link. |
Tips
- Add a Link in a column to make the whole column clickable.
- Columns on mobile lets you show 1 or 2 columns on phones.
Image gallery
A gallery of images ("plates"), each with an optional caption and link. The Frieze layout runs edge to edge.
Editor name: Image gallery. Where you can add it: Home page, Pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text (italic word allowed) | Our gallery | Italicize one word for the accent. |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Link label | Text | Shop now | |
| Link | Link | Empty |
Gallery
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Plates per row on desktop | 1 to 5 | 3 | |
| Plates per row on mobile | 1; 2 | 2 |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Offset plates (staggered, varied widths); Even grid; Frieze, edge to edge | Offset plates (staggered, varied widths) | |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Plate
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Image | Image | Empty | |
| Caption | Text | Empty | |
| Link | Link | Empty | Optional. Makes the plate clickable. |
Tips
- Add up to 12 Plate blocks.
- The Link label and Link appear next to the heading, for example "Shop now".
- Captions follow the style in Theme settings > Image captions.
Logo list
A row of logos for press mentions or partner brands.
Editor name: Logo list. Where you can add it: Home page, Pages, Product pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | As seen in | |
| Heading | Text (italic word allowed) | Our partners | |
| Heading size | Small; Medium; Large | Small | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Note | Text | Empty | Small line under the logos. |
Logos
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Columns on desktop | 2 to 6 | 6 | |
| Columns on mobile | 2 columns; 3 columns | 3 columns | |
| Logo height | 24 to 96 px | 48 px | |
| Show logos in one color | On or off | On | Tints every logo with the color scheme's text color. Turn off to keep the logo's own colors. |
| Show dividers | On or off | On |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Logo (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Logo | Image | Empty | SVG or .png with a transparent background works best. |
| Name | Text | Brand name | Used as the alt text. |
| Link | Link | Empty |
Tips
- Upload SVG files or .png files with a transparent background.
- The Name you enter is used as the logo's alt text, so write the brand name.
- Show logos in one color tints all logos with the scheme text color. Turn it off to keep each brand's own colors.
Scrolling text
A band of short messages that sit still or scroll across the page. Scrolling is off by default.
Editor name: Scrolling text. Where you can add it: Home page, Pages, Product pages, Collection pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Text size | Small; Medium; Large | Large | Small is 36px, medium 48px, large 60px on desktop. |
| Separator | Dot; Slash; None | Dot | |
| Text alignment | Left, center or right | Left | Only applies while the text is still. Shown when Scroll the text is off. |
Motion
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Scroll the text | On or off | Off | Off by default. Always still when the visitor's device asks for reduced motion. |
| Direction | Right to left; Left to right | Right to left | Shown when Scroll the text is on. |
| Loop time | 10 to 120 s | 40 s | Seconds for one full loop. A higher number is slower. Shown when Scroll the text is on. |
| Pause on hover | On or off | On | Shown when Scroll the text is on. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 4 | |
| Thin lines above and below | On or off | Off | Thin lines in the color scheme's line color on both edges of the band. |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Text (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Text | Text (italic word allowed) | Add a short message | |
| Link | Link | Empty |
Tips
- Turn on Scroll the text only if the motion helps your design. The text is always still for visitors who prefer reduced motion.
- Each Text block can link to a page.
Testimonials
Customer quotes with a name and an optional city. Write real customer words only.
Editor name: Testimonials. Where you can add it: Home page, Pages, Product pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Empty | |
| Heading | Text (italic word allowed) | Kind words | |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
Layout
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Layout | Feature, first quote large; Grid | Feature, first quote large | Feature sets the first quote large on the left and stacks the others on the right. |
| Columns on desktop | 1 to 6 | 3 | Shown when Layout is Grid. |
| Text alignment | Left, center or right | Left |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Testimonial (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Quote | Text, several lines | Share what a customer said about their order. | |
| Name | Text | Customer name | |
| City | Text | Empty | Shown after the name, for example a city name. |
Tips
- The Feature layout sets the first quote large on the left and stacks the others on the right.
- Keep quotes short for the best fit.
Video
A video with a cover image, heading and text. The visitor presses play to start it.
Editor name: Video. Where you can add it: Home page, Pages.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Behind the scenes | |
| Heading | Text (italic word allowed) | See how it is made | Italicize one word for the accent. |
| Text | Rich text | Add a short description of the video. | |
| Link label | Text | Learn more | |
| Link | Link | Empty |
Video
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Video file | Video file | Empty | Used first when both a file and a link are set. |
| Video link | Video link (YouTube or Vimeo) | Empty | |
| Cover image | Image | Empty | Shown until the visitor presses play. |
| Cover image caption | Text | Empty | |
| Play button label | Text | Play | Add the length if you like, for example Play, 1:48. Also read by screen readers. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Image left, text right; Image right, text left; Full width, text below | Image left, text right | |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2); Wide (16:9) | Wide (16:9) |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Tips
- Use Video file for a video you uploaded to Shopify, or Video link for YouTube or Vimeo. If both are set, the file is used.
- Add a Cover image. It shows until the visitor presses play.
- Add the video length to the Play button label, for example "Play, 1:48". Screen readers read the label too.
Collapsible content
Rows that open and close, such as shipping and returns notes. Each row is a block.
Editor name: Collapsible content. Where you can add it: Product pages, Pages, Home page, Collection pages. Blocks: up to 12.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Good to know | |
| Heading | Text (italic word allowed) | Shipping and returns | |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | The short version, before you order. | Shown under the heading. Leave empty to hide. |
Rows
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Icon | Plus and minus; Chevron | Plus and minus | |
| Allow several rows open at once | On or off | On | Off closes the open row when another opens. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Heading left, rows right; Heading above rows | Heading left, rows right |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Row
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Shipping | |
| Content | Rich text | Add the answer here. | |
| Open by default | On or off | Off |
Tips
- For a long list of questions, use the FAQ section instead.
- Turn off Allow several rows open at once so opening one row closes the other.
Map
An address card with a map. The map is a Google Maps embed built from the address, so no API key is needed. You can also use your own image of a map.
Editor name: Map. Where you can add it: Home page, Pages.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Visit us | |
| Heading | Text (italic word allowed) | Our shop | |
| Address | Text, several lines | Add your address | |
| Opening hours | Text | Empty | |
| Button label | Text | Get directions | |
| Button link | Link | Empty | Leave empty to link to Google Maps with the address above. |
| Caption | Text | Empty | Shown under the map as a Plate or Fig. label per theme setting Caption style. |
Map
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Map source | Google Maps embed; Image | Google Maps embed | The embed uses the address above and needs no API key. |
| Map image | Image | Empty | Shown when Map source is Image. |
| Zoom | 8 to 18 | 15 | Shown when Map source is Google Maps embed. |
| Map height | 320 to 800 px | 600 px |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Card over map, left; Card over map, right; Card below map | Card over map, left | |
| Full width | On or off | Off |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Tips
- Enter a full address, so the embed finds the right place.
- Leave Button link empty to link the button to Google Maps with the same address.
- For several shops and events, use Stockists and events.