Sections · Placket 1.0.0
Page sections
These sections build the content pages of your store: regular pages, FAQ, size guide, contact, stockists, the 404 page, the password page and the gift card page.
The theme ships with these page templates. When you create or edit a page in Online Store > Pages, pick one in the Theme template box.
| Template name in the theme | Used for | Sections in the template |
|---|---|---|
| page | Any plain page | Page header and content |
| page.contact | Contact page | Page header and content, Contact form |
| page.faq | FAQ page | Page header and content, FAQ, Rich text |
| page.size-guide | Size guide page | Page header and content, Size guide page |
| page.stockists | Stockists and events page | Page header and content, Stockists and events |
You can add more sections to any page template, wherever a section says it can be used on Pages.
Page header and content
The title area of a page, plus an optional intro and the page text. All five page templates start with it.
Editor name: Page header and content. Where you can add it: Pages. Blocks: up to 3.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Empty | |
| Italic accent in heading | None; Last word | Last word | Titles come from Shopify and cannot hold italic text, so the theme italicizes the last word. |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | Add a short introduction to this page. | Short intro shown beside or under the heading. |
| Show page content | On or off | Off | Shows the page body from Shopify admin below the header. |
| Content width | Narrow; Wide | Narrow |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Heading left, text right; Stacked; Cinema, image with credits | Heading left, text right | |
| Image | Image | Empty | Cinema layout only. Full-bleed background. Shown when Layout is Cinema, image with credits. |
| Image overlay | 0 to 80% | 30% | Cinema layout only. Flat color over the image. Shown when Layout is Cinema, image with credits. |
| Text alignment | Left, center or right | Left |
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: Credit (up to 3)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Label | Text | Label | |
| Text | Text | Add details here |
Tips
- The page title comes from the page in your admin. The theme italicizes the last word when Italic accent in heading is set to Last word.
- Turn on Show page content to show the text you wrote in the page editor in Online Store > Pages.
- The Cinema layout shows a full-bleed Image with up to three Credit blocks and an overlay.
FAQ
Questions and answers in an accordion (rows that open and close). Add each question as a Question block (up to 20) and up to four short Fact blocks.
Editor name: FAQ. Where you can add it: Home page, Pages, Product pages. Blocks: up to 24.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Help | |
| Heading | Text (italic word allowed) | Questions, answered | |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | Cannot find what you need? Write to us and we will reply. | |
| Button label | Text | Contact us | |
| Button link | Link | Empty | |
| Button style | Primary; Secondary; Link | Link |
Accordion
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Open the first question | On or off | On | |
| Keep one question open at a time | On or off | Off |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Intro left, questions right; Questions left, intro right; Stacked; Index, facts strip and topic list | Intro left, questions 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: Question (up to 20)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Question | Text | Question | |
| Answer | Rich text | Write the answer here. | |
| Topic | Text | Empty | Index layout only. Questions with the same topic are grouped under it and listed in the sticky index. Keep a topic's questions together. |
Block: Fact (up to 4)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Label | Text | Shipping | |
| Text | Text | Add details here |
Tips
- In the Index layout, set a Topic on each question. Questions with the same topic are grouped, and the topics appear in a sticky index. Keep a topic's questions next to each other.
- The Fact blocks show short facts, such as "Shipping" and a line of text.
- The Button label and Button link appear beside the intro, for example a link to your contact page.
- This section can also be added to the Home page and to product pages.
Size guide page
A full size guide with measuring steps, size tables and fit notes. Use it on a page that uses the page.size-guide template.
Editor name: Size guide page. Where you can add it: Pages. Blocks: up to 16.
Settings
How to measure
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | How to measure | |
| Heading | Text (italic word allowed) | Four measurements | |
| Illustration | Image | Empty | Line drawing or photo shown beside the steps. |
| Image caption | Text | Where to measure: bust, waist, hips and inseam | |
| Tip | Rich text | A tip: use a soft tape measure and stand relaxed. The tape should lie flat and feel snug, not tight. A friend makes it easier. |
Size tables
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Body measurements | |
| Heading | Text (italic word allowed) | Find your size | |
| Keep first column visible when scrolling sideways | On or off | On |
Fit notes
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Fit notes | |
| Heading | Text (italic word allowed) | Between sizes? | |
| Image | Image | Empty | |
| Image caption | Text | Empty | |
| Link label | Text | Questions about fit? Write to us | |
| Link | Link | Empty |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Standard; Ledger, table card with its own color | Standard | |
| Table card color scheme | Any color scheme | Scheme 4 | Ledger layout only. Shown when Layout is Ledger, table card with its own color. |
| 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: Measuring step (up to 6)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Bust | |
| Text | Rich text | Wrap the tape around the fullest part of your chest, keeping it level across your back. |
Block: Size table (up to 4)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Table heading | Text | Tops and dresses | |
| Note | Text | Inches and centimeters | |
| Table data | Text, several lines | Size | Bust / S | 34 | First line is the header. One row per line, columns split by |. The first column becomes the row heading. Columns whose heading ends with (cm) are shown muted. In the Ledger layout, a cell can show inches over centimeters: put a space, a slash and a space between them, for example 34 1/2 in / 86 cm. Empty rows are skipped. |
Block: Fit note (up to 6)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Tops and dresses | |
| Text | Rich text | Cut to true size. |
Tips
- Each Size table block takes plain text. The first line is the header. Write one row per line and split the columns with a vertical bar (|). The first column becomes the row heading. A column whose heading ends with (cm) is shown muted. In the Ledger layout, a cell can show inches over centimeters: write a space, a slash and a space between them, as in
34 1/2 in / 86 cm. A slash without spaces stays as typed. Rows with no size in the first column are skipped, and a Size table block with no table data shows nothing. Example:
Size | Bust | Bust (cm)
S | 34 | 86
M | 36 | 91
- Add up to six Measuring step blocks, four Size table blocks and six Fit note blocks.
- This page is different from the Size guide drawer on product pages. See Size guide drawer.
Contact form
A contact form with name, email, message and an optional phone field. Messages go to your store email, the same as Shopify's standard contact form.
Editor name: Contact form. Where you can add it: Pages. Blocks: up to 4.
Settings
Form
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Button label | Text | Send message | |
| Show phone field | On or off | On | |
| Phone hint | Text | Only if you would like us to call you back. |
After sending
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Success heading | Text (italic word allowed) | Message sent | |
| Success text | Rich text | Thank you, {name}. We have your message and will get back to you soon, at the email address you gave us. | Use {name} to insert the sender's name. |
| Show what was sent | On or off | On | Lists name, email and message under the success text. |
| Success button label | Text | Continue shopping | |
| Success button link | Link | Empty |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Form left, details right; Form right, details left | Form left, details right | |
| Form style | Plain; Card | Plain | |
| Card color scheme | Any color scheme | Scheme 4 | Card style only. Shown when Form style is Card. |
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 details (up to 3)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Visit us | |
| Text | Rich text | Add your address or a short note. |
Block: List details (up to 4)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Hours | |
| Rows | Text, several lines | Weekdays | Add your opening hours | One row per line, written as label | value. |
Tips
- Use Text details blocks for an address or note, and List details blocks for rows such as opening hours. In a List details block, write one row per line as
label | value. - Use {name} in the Success text to insert the sender's name.
- The default success text says you will get back to the sender soon. Change it to match your own response time, for example "We reply within two business days."
Stockists and events
A list of shops that sell your products and a list of events, each as a block.
Editor name: Stockists and events. Where you can add it: Home page, Pages. Blocks: up to 24.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Empty | |
| Heading | Text (italic word allowed) | Find us in person | |
| Heading size | Small; Medium; Large | Medium | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
Lists
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Stockists heading | Text (italic word allowed) | Stockists | |
| Events heading | Text (italic word allowed) | Events | |
| Stockist link label | Text | Get directions | |
| Event link label | Text | Event details | |
| Hide past events | On or off | On | Events with a date before today are not shown. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Two columns; Stacked, ruled rows and photo events; Program, fitting card and events band | Two columns | |
| Fitting card color scheme | Any color scheme | Scheme 4 | Program layout only. Shown when Layout is Program, fitting card and events band. |
| Events band color scheme | Any color scheme | Scheme 2 | Program layout only. Shown when Layout is Program, fitting card and events 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: Stockist (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Name | Text | Shop name | |
| Address | Text | Street, City, State ZIP | |
| Opening hours | Text | Empty | |
| Directions link | Link | Empty | A map link, or the shop's website. |
| Note | Text, several lines | Empty | Program layout only. Short text on the fitting card. |
| Phone | Text | Empty | Program and stacked layouts. Shown as a call link. |
| Photo | Image | Empty | Program layout only. Photo beside the fitting card. Empty hides the photo column. |
Block: Event (up to 12)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Date | Text | Empty | Format YYYY-MM-DD, for example 2027-01-21. |
| Event name | Text | Event name | |
| Details | Text | Where and when | |
| Event link | Link | Empty | |
| Photo | Image | Empty | Stacked layout only. Empty hides the photo. |
| Photo caption | Text | Empty | Stacked layout only. Shown as a Plate label per theme setting Caption style. |
Tips
- Write event dates as YYYY-MM-DD, for example 2027-01-21. With Hide past events on, events dated before today disappear on their own.
- The Program layout adds a fitting card for the first stockist and an events band. The Stacked layout shows ruled rows and photo events.
- Some block settings only apply to some layouts. The Notes column says which.
Page not found
The 404 page, shown when a link is broken. It has a search field and up to six links to useful places.
Editor name: Page not found. Where you can add it: 404 page. Blocks: up to 6.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Error 404 | |
| Heading | Text (italic word allowed) | We can’t find that page | Line breaks are chosen automatically. |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | The link may be old, or the page may have moved. Search for what you were after, or start from one of the places on the right. |
Search
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Show search field | On or off | On | |
| Search label | Text | Search our store | |
| Search placeholder | Text | Search for a product |
Links
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Links heading | Text | Where to next |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Message left, links right; Stacked; Credits strip over image | Message left, links right | |
| Image | Image | Empty | Credits strip layout only. Background band behind the message. Shown when Layout is Credits strip over image. |
| Image overlay | 0 to 80% | 60% | Credits strip layout only. Flat color, no gradient. Shown when Layout is Credits strip over image. |
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: Link (up to 6)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Link heading | |
| Description | Text | Describe where this link goes | |
| Link | Link | Empty |
Tips
- Add Link blocks that point to your best collections or pages.
- The default 404 template also shows a Featured products section below the message.
- The Credits strip over image layout puts the message over a background Image.
Password page
Shown to visitors while your store is password protected, for example before launch. To set the password, go to Online Store > Preferences > Restrict access to visitors with the password.
Editor name: Password page. Where you can add it: Password page.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Empty | Leave empty to show the store name. |
| Heading | Text (italic word allowed) | Opening soon | |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Text | Rich text | Our store is opening soon. Leave your email and we will write once, on the day we open. |
Email signup
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Show email signup | On or off | On | Adds subscribers as customers with the tag 'password-page'. |
| Button label | Text | Notify me | |
| Form note | Text | One email on opening day. No daily emails. |
Password form
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text (italic word allowed) | Enter using password | |
| Text | Rich text | If you were given the password, enter it below to view the store. | |
| Hint | Text | The password is case sensitive. | |
| Footer link label | Text | Enter using password |
Image
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Image | Image | Empty | |
| Image caption | Text | Empty | Shown when Layout is not Invitation, card over image. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Image right; Image left; Invitation, card over image | Image right | |
| Card color scheme | Any color scheme | Scheme 4 | Invitation layout only. Shown when Layout is Invitation, card over image. |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) | Shown when Layout is not Invitation, card over image. |
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
- With Show email signup on, visitors can leave an email address. They are added as customers with the tag
password-page. - The password message you set in Preferences is shown on the page too.
- This page uses its own simple layout. The header is the store name or logo only, and the footer row with the password link is drawn by this section.
Gift card
The page a customer opens from the gift card email. It shows the code, balance, QR code and buttons to print the card or add it to Apple Wallet. It is a special template that Shopify shows by itself, so you cannot add it to other pages. See Gift cards.
Editor name: Gift card. Where you can add it: Gift card page.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Gift card | |
| Heading | Text (italic word allowed) | Your gift card | |
| Heading size | Small; Medium; Large | Large | Small 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings. |
| Code note | Text | Enter this code at checkout. Any balance left stays on the card. | If the card has an expiry date, the date row in the details list shows it. |
| How-to heading | Text | Empty | Printed layout only. Heading above the code note. Empty hides it. Shown when Layout is Printed card on a panel. |
Card
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Card tagline | Text | Add a short line about your store | |
| Card color scheme | Any color scheme | Scheme 4 |
Actions
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Shop button label | Text | Shop now | |
| Show print button | On or off | On | |
| Show Apple Wallet button | On or off | On | Appears only when Shopify provides a wallet pass for the card. |
QR code
| Setting | Choices | Default | Notes |
|---|---|---|---|
| QR heading | Text | Scan to open this card | |
| QR text | Text | Open the gift card on your phone, or show the code when you pay. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Card beside details; Printed card on a panel | Card beside details | |
| Panel color scheme | Any color scheme | Scheme 4 | Printed layout only. Panel that holds the card and the QR code. Shown when Layout is Printed card on a panel. |
Spacing: Top padding (88 px, 0 to 200 px), Bottom padding (0 px, 0 to 200 px). These add space above and below the section.
Tips
- Shopify controls the content of this page: the code, the balance and the expiry date come from the gift card.
- The QR code is always shown, so there is no setting to hide it.
- The Code note says that any balance stays on the card. Edit it if your gift cards expire or work differently.
- Show Apple Wallet button only appears when Shopify provides a wallet pass for the card.