Skip to content
Sections: Page sections

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 themeUsed forSections in the template
pageAny plain pagePage header and content
page.contactContact pagePage header and content, Contact form
page.faqFAQ pagePage header and content, FAQ, Rich text
page.size-guideSize guide pagePage header and content, Size guide page
page.stockistsStockists and events pagePage 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

SettingChoicesDefaultNotes
SubheadingTextEmpty
Italic accent in headingNone; Last wordLast wordTitles come from Shopify and cannot hold italic text, so the theme italicizes the last word.
Heading sizeSmall; Medium; LargeLargeSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.
TextRich textAdd a short introduction to this page.Short intro shown beside or under the heading.
Show page contentOn or offOffShows the page body from Shopify admin below the header.
Content widthNarrow; WideNarrow

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutHeading left, text right; Stacked; Cinema, image with creditsHeading left, text right
ImageImageEmptyCinema layout only. Full-bleed background. Shown when Layout is Cinema, image with credits.
Image overlay0 to 80%30%Cinema layout only. Flat color over the image. Shown when Layout is Cinema, image with credits.
Text alignmentLeft, center or rightLeft

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)

SettingChoicesDefaultNotes
LabelTextLabel
TextTextAdd 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

SettingChoicesDefaultNotes
SubheadingTextHelp
HeadingText (italic word allowed)Questions, answered
Heading sizeSmall; Medium; LargeMediumSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.
TextRich textCannot find what you need? Write to us and we will reply.
Button labelTextContact us
Button linkLinkEmpty
Button stylePrimary; Secondary; LinkLink

Accordion

SettingChoicesDefaultNotes
Open the first questionOn or offOn
Keep one question open at a timeOn or offOff

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutIntro left, questions right; Questions left, intro right; Stacked; Index, facts strip and topic listIntro 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)

SettingChoicesDefaultNotes
QuestionTextQuestion
AnswerRich textWrite the answer here.
TopicTextEmptyIndex 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)

SettingChoicesDefaultNotes
LabelTextShipping
TextTextAdd 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

SettingChoicesDefaultNotes
SubheadingTextHow to measure
HeadingText (italic word allowed)Four measurements
IllustrationImageEmptyLine drawing or photo shown beside the steps.
Image captionTextWhere to measure: bust, waist, hips and inseam
TipRich textA 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

SettingChoicesDefaultNotes
SubheadingTextBody measurements
HeadingText (italic word allowed)Find your size
Keep first column visible when scrolling sidewaysOn or offOn

Fit notes

SettingChoicesDefaultNotes
SubheadingTextFit notes
HeadingText (italic word allowed)Between sizes?
ImageImageEmpty
Image captionTextEmpty
Link labelTextQuestions about fit? Write to us
LinkLinkEmpty

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutStandard; Ledger, table card with its own colorStandard
Table card color schemeAny color schemeScheme 4Ledger layout only. Shown when Layout is Ledger, table card with its own color.
Image ratioAdapt 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)

SettingChoicesDefaultNotes
HeadingTextBust
TextRich textWrap the tape around the fullest part of your chest, keeping it level across your back.

Block: Size table (up to 4)

SettingChoicesDefaultNotes
Table headingTextTops and dresses
NoteTextInches and centimeters
Table dataText, several linesSize | Bust / S | 34First 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)

SettingChoicesDefaultNotes
HeadingTextTops and dresses
TextRich textCut 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

SettingChoicesDefaultNotes
Button labelTextSend message
Show phone fieldOn or offOn
Phone hintTextOnly if you would like us to call you back.

After sending

SettingChoicesDefaultNotes
Success headingText (italic word allowed)Message sent
Success textRich textThank 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 sentOn or offOnLists name, email and message under the success text.
Success button labelTextContinue shopping
Success button linkLinkEmpty

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutForm left, details right; Form right, details leftForm left, details right
Form stylePlain; CardPlain
Card color schemeAny color schemeScheme 4Card 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)

SettingChoicesDefaultNotes
HeadingTextVisit us
TextRich textAdd your address or a short note.

Block: List details (up to 4)

SettingChoicesDefaultNotes
HeadingTextHours
RowsText, several linesWeekdays | Add your opening hoursOne 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

SettingChoicesDefaultNotes
SubheadingTextEmpty
HeadingText (italic word allowed)Find us in person
Heading sizeSmall; Medium; LargeMediumSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.

Lists

SettingChoicesDefaultNotes
Stockists headingText (italic word allowed)Stockists
Events headingText (italic word allowed)Events
Stockist link labelTextGet directions
Event link labelTextEvent details
Hide past eventsOn or offOnEvents with a date before today are not shown.

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutTwo columns; Stacked, ruled rows and photo events; Program, fitting card and events bandTwo columns
Fitting card color schemeAny color schemeScheme 4Program layout only. Shown when Layout is Program, fitting card and events band.
Events band color schemeAny color schemeScheme 2Program 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)

SettingChoicesDefaultNotes
NameTextShop name
AddressTextStreet, City, State ZIP
Opening hoursTextEmpty
Directions linkLinkEmptyA map link, or the shop's website.
NoteText, several linesEmptyProgram layout only. Short text on the fitting card.
PhoneTextEmptyProgram and stacked layouts. Shown as a call link.
PhotoImageEmptyProgram layout only. Photo beside the fitting card. Empty hides the photo column.

Block: Event (up to 12)

SettingChoicesDefaultNotes
DateTextEmptyFormat YYYY-MM-DD, for example 2027-01-21.
Event nameTextEvent name
DetailsTextWhere and when
Event linkLinkEmpty
PhotoImageEmptyStacked layout only. Empty hides the photo.
Photo captionTextEmptyStacked 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

SettingChoicesDefaultNotes
SubheadingTextError 404
HeadingText (italic word allowed)We can’t find that pageLine breaks are chosen automatically.
Heading sizeSmall; Medium; LargeLargeSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.
TextRich textThe 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

SettingChoicesDefaultNotes
Show search fieldOn or offOn
Search labelTextSearch our store
Search placeholderTextSearch for a product

Links

SettingChoicesDefaultNotes
Links headingTextWhere to next

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutMessage left, links right; Stacked; Credits strip over imageMessage left, links right
ImageImageEmptyCredits strip layout only. Background band behind the message. Shown when Layout is Credits strip over image.
Image overlay0 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)

SettingChoicesDefaultNotes
HeadingTextLink heading
DescriptionTextDescribe where this link goes
LinkLinkEmpty

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

SettingChoicesDefaultNotes
SubheadingTextEmptyLeave empty to show the store name.
HeadingText (italic word allowed)Opening soon
Heading sizeSmall; Medium; LargeLargeSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.
TextRich textOur store is opening soon. Leave your email and we will write once, on the day we open.

Email signup

SettingChoicesDefaultNotes
Show email signupOn or offOnAdds subscribers as customers with the tag 'password-page'.
Button labelTextNotify me
Form noteTextOne email on opening day. No daily emails.

Password form

SettingChoicesDefaultNotes
HeadingText (italic word allowed)Enter using password
TextRich textIf you were given the password, enter it below to view the store.
HintTextThe password is case sensitive.
Footer link labelTextEnter using password

Image

SettingChoicesDefaultNotes
ImageImageEmpty
Image captionTextEmptyShown when Layout is not Invitation, card over image.

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutImage right; Image left; Invitation, card over imageImage right
Card color schemeAny color schemeScheme 4Invitation layout only. Shown when Layout is Invitation, card over image.
Image ratioAdapt 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

SettingChoicesDefaultNotes
SubheadingTextGift card
HeadingText (italic word allowed)Your gift card
Heading sizeSmall; Medium; LargeLargeSmall 64px, medium 88px, large 104px at 100%. Scaled by Heading size in Theme settings.
Code noteTextEnter 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 headingTextEmptyPrinted layout only. Heading above the code note. Empty hides it. Shown when Layout is Printed card on a panel.

Card

SettingChoicesDefaultNotes
Card taglineTextAdd a short line about your store
Card color schemeAny color schemeScheme 4

Actions

SettingChoicesDefaultNotes
Shop button labelTextShop now
Show print buttonOn or offOn
Show Apple Wallet buttonOn or offOnAppears only when Shopify provides a wallet pass for the card.

QR code

SettingChoicesDefaultNotes
QR headingTextScan to open this card
QR textTextOpen the gift card on your phone, or show the code when you pay.

Style

SettingChoicesDefaultNotes
Color schemeAny color schemeScheme 1
LayoutCard beside details; Printed card on a panelCard beside details
Panel color schemeAny color schemeScheme 4Printed 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.