Skip to content

Sections

Every section you can add, with all its settings and blocks.

Sections are the building blocks of each page. In the theme editor, click Add section to add one, drag sections to reorder them, and click a section to change its settings. Select a section below to see all its settings.

Sections you can add (62)

404 page3 settings
SettingTypeDefaultDetails
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider960–160px
Age verification10 settings
SettingTypeDefaultDetails
Ask visitors to confirm their ageOn/offOn
Remember confirmation forSlider301–90d
LogoImage
HeadingRich textAre you of legal drinking age?
TextRich textYou must be 21 or older to visit this store.
Confirm buttonTextYes, I am
Decline buttonTextNo, I'm not
Heading after decliningRich textSorry, you can't enter yet
Text after decliningRich textCome back when you're old enough. We'll be here.
BackdropChoiceBlurredDimmed, Blurred, Solid
Announcement bar1 settings · 1 block type
SettingTypeDefaultDetails
Color styleChoiceDarkLight, Tint, Dark, Accent

Block: Announcement

SettingTypeDefaultDetails
TextRich textComplimentary shipping on orders over $60
LinkLink

Up to 4 blocks.

Apps4 settings · app blocks
SettingTypeDefaultDetails
Make section margins the same as the themeOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider320–160px
Back in stock alert3 settings

Shows a "Notify me" button when the selected variant is sold out. Requests are sent to your store's contact email with the product and variant.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Back to top2 settings
SettingTypeDefaultDetails
PositionChoiceBottom rightBottom right, Bottom left
Show after scrollingSlider800200–2000px
Before and after16 settings
SettingTypeDefaultDetails
Before imageImage
Before labelTextBefore
After imageImageUse images with the same size and framing.
After labelTextAfter
Starting divider positionSlider5010–90%
Image shapeChoiceLandscapeSquare, Portrait, Landscape, Wide
EyebrowText
HeadingRich textSee the difference
Heading sizeChoiceMediumMedium, Large
TextRich textDrag the slider to compare results after four…
Link labelText
LinkLink
LayoutChoiceText above imageText above image, Text beside image

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px
Blog post4 settings
SettingTypeDefaultDetails
Show authorOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider800–160px
Blog posts10 settings
SettingTypeDefaultDetails
HeadingTextJournal
BlogBlog
Posts to showSlider31–6
Columns on desktopSlider31–4
Show dateOn/offOn
Show authorOn/offOff
Show excerptOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider480–160px
Blog posts10 settings
SettingTypeDefaultDetails
HeadingRich textFrom the journal
BlogBlog
Number of postsSlider32–6
Columns on desktopChoice32, 3
Show dateOn/offOn
Show excerptOn/offOn
Show "View all" linkOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px
Blog posts list8 settings
SettingTypeDefaultDetails
Posts per pageSlider93–24
Columns on desktopSlider31–4
Show tag filterOn/offOn
Show dateOn/offOn
Show authorOn/offOff
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider800–160px
Breadcrumbs6 settings
SettingTypeDefaultDetails
Show current pageOn/offOn
Show "Collections" on collection pagesOn/offOff
AlignmentChoiceLeftLeft, Center

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider160–160px
Bottom paddingSlider00–160px
Cart5 settings · 1 block type · app blocks

Recommendations

SettingTypeDefaultDetails
Show product recommendationsOn/offOn
Recommendations headingTextYou may also like
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider400–160px
Bottom paddingSlider800–160px

Block: Text

SettingTypeDefaultDetails
TextRich textFree samples are added at checkout.
Collection list7 settings · 1 block type
SettingTypeDefaultDetails
HeadingTextShop by ritual
Columns on desktopSlider32–5
Columns on mobileChoice11, 2
Image shapeChoicePortraitPortrait, Square, Landscape
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Collection

SettingTypeDefaultDetails
CollectionCollection
ImageImageDefaults to the collection image

Up to 12 blocks.

Collections list5 settings
SettingTypeDefaultDetails
HeadingTextCollections
Columns on desktopSlider32–5
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider800–160px
Comparison table8 settings · 1 block type

In each row, type yes or no to show a check or a cross. Any other text is shown as written.

SettingTypeDefaultDetails
HeadingRich textWhy we're different
TextRich textSee how we compare to the usual options.
Your columnTextDefaults to your store name.
Second columnTextTypical brands
Third column (optional)Text

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Row

SettingTypeDefaultDetails
FeatureTextPlastic-free packaging
Your valueTextyes
Second column valueTextno
Third column valueText

Up to 16 blocks.

Contact details6 settings · 1 block type
SettingTypeDefaultDetails
HeadingText
Show social linksOn/offOnEdit links in theme settings > Social media
Social labelTextFollow along
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider480–160px

Block: Info card

SettingTypeDefaultDetails
LabelTextEmail
TextRich texthello@example.com
Link labelText
LinkLink

Up to 4 blocks.

Contact form9 settings
SettingTypeDefaultDetails
HeadingTextWrite to us
TextRich textQuestions about a formula, an order or your r…
TopicsTextProduct advice, An existing order, Wholesale,…Comma separated. Leave blank to hide the topic field.
Show imageOn/offOn
ImageImage
Image captionRich text
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider800–160px
Countdown timer13 settings
SettingTypeDefaultDetails
End date and timeTextUse the format YYYY-MM-DD HH:MM in your store's time zone.
Hide section after the end dateOn/offOn
Text after the end dateTextThis offer has ended.
HeadingRich textSale ends soon
Heading sizeChoiceMediumSmall, Medium, Large
TextRich textGet 20% off everything until the timer runs out.
Button labelTextShop the sale
Button linkLink
LayoutChoiceCenteredCentered, Text left, timer right
Timer sizeChoiceLargeSmall, Medium, Large

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px
Custom Liquid4 settings
SettingTypeDefaultDetails
Liquid codeLiquidAdd app snippets or other Liquid code
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider320–160px
Delivery estimate9 settings
SettingTypeDefaultDetails
Fastest deliverySlider30–30dBusiness days after the order ships.
Slowest deliverySlider50–30d
Same-day dispatch cutoffSlider140–23hIn your store's time zone. Orders after this ship the next business day.
Don't ship or deliver on weekendsOn/offOn
HolidaysTextDays you don't ship, as YYYY-MM-DD separated by commas.
Show time left to orderOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Editorial intro8 settings · 1 block type
SettingTypeDefaultDetails
HeadingTextRituals 2025
CaptionRich textField notes for every skin type, with routine…
Show dividerOn/offOn
TextRich textWe think healthy skin is less about perfectio…
Italic textOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Image

SettingTypeDefaultDetails
ImageImage
WidthChoiceLargeSmall, Medium, Large
ShapeChoiceSquarePortrait, Square, Landscape
Vertical alignmentChoiceTopTop, Bottom
CaptionRich text
LinkLink

Up to 4 blocks.

Email signup6 settings
SettingTypeDefaultDetails
HeadingTextJoin the journal
TextRich textSeasonal routines and early access to new for…
Button labelTextSubscribe
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px
FAQ10 settings · 1 block type
SettingTypeDefaultDetails
HeadingTextQuestions, answered
TextRich textCan't find what you need? Write to us and a r…
Button labelText
Button linkLink
LayoutChoiceHeading beside questionsHeading beside questions, Heading above questions
Open first questionOn/offOff
Add FAQ structured data for search enginesOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Question

SettingTypeDefaultDetails
QuestionTextHow long does shipping take?
AnswerRich textWrite a clear, friendly answer.

Up to 30 blocks.

Follow on Shop6 settings

Lets customers follow your store in the Shop app. Requires Shop Pay. [Learn more](https://help.shopify.com/manual/online-store/themes/customizing-themes/follow-on-shop)

SettingTypeDefaultDetails
HeadingRich textNever miss a drop
TextRich textFollow us on Shop to get updates on new arriv…
Center contentOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider320–160px
Bottom paddingSlider320–160px
Framed image split5 settings · 1 block type
SettingTypeDefaultDetails
Panel shapeChoicePortraitPortrait, Tall, Square
Full widthOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider00–160px
Bottom paddingSlider00–160px

Block: Image panel

SettingTypeDefaultDetails
ImageImage
ProductProductSupplies the link, fallback image and the custom.type / custom.used_for spec values
Frame labelTextDaily Clean
LinkLink

Frame

SettingTypeDefaultDetails
Show browser window barOn/offOff
Window bar labelTextDefaults to the store name
Frame colorChoiceLightLight, Dark
Frame positionChoiceCenterLeft, Center, Right
Frame widthSlider6030–90%
Frame heightSlider6030–90%

Spec rows

Values are read from the product's custom.type and custom.used_for metafields, falling back to the text below.

SettingTypeDefaultDetails
First labelTextType
First fallback valueTextCleanses
Second labelTextUsed for
Second fallback valueTextAll skin
Image cropChoiceCenterCenter, Top, BottomUsed when the image has no focal point set.
Panel color styleChoiceTintLight, Tint, Dark, Accent

Up to 3 blocks.

Image mosaic8 settings · 2 block types
SettingTypeDefaultDetails
HeadingText
CaptionRich text
Columns on desktopSlider42–6
Columns on mobileChoice21, 2
Tile shapeChoiceSquarePortrait, Square, Landscape
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Image

SettingTypeDefaultDetails
ImageImage
Column spanSlider11–4
CaptionRich text
LinkLink

Block: Empty space

SettingTypeDefaultDetails
Column spanSlider11–4

Up to 12 blocks.

Image with long text14 settings
SettingTypeDefaultDetails
ImageImage
Image shapeChoicePortraitPortrait, Square, Landscape
Image positionChoiceLeftLeft, Right
Image captionRich text
EyebrowRich textFounder's note
HeadingTextStarted at a kitchen table
Lead paragraphRich textTell the story behind the brand in a sentence…
TextRich textUse this space for a longer story: where the …
Text columns on desktopChoice11, 2
SignatureText
Signature roleText
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px
Image with text15 settings · 1 block type
SettingTypeDefaultDetails
ImageImage
Image positionChoiceLeftLeft, Right
Full widthOn/offOn
HeadingTextSkin Notes for Every Season
SubheadingRich textFollow the journal on Instagram @yourstore
Featured productProductLinks the feature image to the product
Feature imageImageDefaults to the product image
Bottom left captionRich textRead our slow, hands-on reviews of the produc…
Bottom right captionRich textTextures, ingredients and how each one fits a…
Link labelText
LinkLink
Color styleChoiceTintLight, Tint, Dark, Accent
Content color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider00–160px
Bottom paddingSlider00–160px

Block: Image spec

SettingTypeDefaultDetails
LabelTextType
ValueTextHydrates

Up to 4 blocks.

Key numbers4 settings · 1 block type
SettingTypeDefaultDetails
HeadingText
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Number

SettingTypeDefaultDetails
NumberText12
LabelTextFormulas
NoteText

Up to 4 blocks.

Logo list7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textStocked by stores we love
LayoutChoiceGridGrid, Single row
Logo heightSlider4020–120px
Show logos in grayscaleOn/offOnColor returns on hover.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Logo

SettingTypeDefaultDetails
LogoImage
Brand nameTextUsed as alt text and shown until a logo is added.
LinkLink

Up to 24 blocks.

Page3 settings
SettingTypeDefaultDetails
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider800–160px
Page intro10 settings
SettingTypeDefaultDetails
EyebrowRich textOur story
HeadingTextDefaults to the page title
IntroRich textIntroduce the page in two or three considered…
CaptionRich text
Show imageOn/offOn
ImageImage
Image shapeChoicePanoramaPanorama, Wide, Landscape
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider240–160px
Bottom paddingSlider480–160px
Password3 settings
SettingTypeDefaultDetails
HeadingTextOpening soon
TextRich textBe the first to know when we launch.
Color styleChoiceLightLight, Tint, Dark, Accent
Press coverage7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textAs seen in
LayoutChoiceOne quote at a timeOne quote at a time, Grid of logos and quotes
Rotate quotes automaticallyOn/offOnOnly for one quote at a time. Visitors can pause it, and it never rotates for visitors who prefer reduced motion.
Change quote everySlider63–12s

Style

SettingTypeDefaultDetails
ColorChoiceSecondarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider560–160px
Bottom paddingSlider560–160px

Block: Publication

SettingTypeDefaultDetails
LogoImage
Publication nameTextPublicationUsed as the logo's alt text, or shown instead of a logo.
QuoteRich textThe kind of product you keep coming back to.

Up to 8 blocks.

Product grid10 settings · app blocks
SettingTypeDefaultDetails
Show collection descriptionOn/offOn
Show collection imageOn/offOff
Products per pageSlider248–48
Columns on desktopSlider42–5
Columns on mobileChoice21, 2
Enable filteringOn/offOnCustomize filters with the Search & Discovery app
Enable sortingOn/offOn
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider320–160px
Bottom paddingSlider800–160px
Product tabs6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
ProductProductUsed for metafield content. On product pages, the current product is used when this is empty.
Open the first item on mobileOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider400–160px
Bottom paddingSlider400–160px

Block: Tab

SettingTypeDefaultDetails
TitleTextDetails
Product metafieldTextnamespace.key. Used first when the product has a value.
PagePageUsed when the metafield is empty.
TextRich textUse this tab to share materials, care instruc…Used when there's no metafield value or page.
Promo popup15 settings

When to show

SettingTypeDefaultDetails
OpenChoiceAfter a delayAfter a delay, When leaving the page, After scrolling
DelaySlider80–60s
Scroll depthSlider4010–90%
Show again afterSlider71–60dVisitors who sign up never see it again. On touch devices, "When leaving the page" uses the delay instead.
PagesChoiceAll pagesAll pages, Home page only, All pages except cart

Content

SettingTypeDefaultDetails
ImageImage
Image positionChoiceLeftLeft, Top
EyebrowTextWelcome offer
HeadingRich textGet 10% off your first order
TextRich textJoin our list for early access to new drops a…
ActionChoiceEmail signupEmail signup, Button link
Button labelTextSign up
Button linkLinkUsed when Action is Button link.
Success messageTextThanks for signing up! Check your inbox for y…
Dismiss linkTextNo thanks
Promo tiles6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
Center headingOn/offOff
Tile shapeChoicePortraitSquare, Portrait, Landscape

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Tile

SettingTypeDefaultDetails
ImageImage
EyebrowTextLimited time
HeadingTextNew season arrivals
TextRich text
LinkLinkThe whole tile becomes clickable.
Link labelTextShop now
Text positionChoiceBottom leftBottom left, Center, Top left, Below image
Image overlaySlider350–80%Darkens the image so text stays readable; the area behind the text is always darkened a bit more. Not used when text is below the image.

Up to 4 blocks.

Quote7 settings
SettingTypeDefaultDetails
QuoteRich textAdd a line from a review, a press feature or …
AuthorTextName
SourceTextPublication
AlignmentChoiceCenterLeft, Center
Color styleChoiceDarkLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider960–160px
Bottom paddingSlider960–160px
Recently viewed7 settings

Shows products the visitor viewed before, stored in their browser. Hidden until there is at least one product. Sample cards only appear in the editor.

SettingTypeDefaultDetails
HeadingRich textRecently viewed
Center headingOn/offOff
Products to showSlider42–8
Columns on desktopSlider42–5

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px
Rich text4 settings · 4 block types
SettingTypeDefaultDetails
AlignmentChoiceCenterLeft, Center
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Heading

SettingTypeDefaultDetails
HeadingTextLess, but better
SizeChoiceLargeSmall, Medium, Large, Display

Block: Caption

SettingTypeDefaultDetails
TextRich textOur philosophy

Block: Text

SettingTypeDefaultDetails
TextRich textShare the thinking behind your products, your…

Block: Button

SettingTypeDefaultDetails
LabelTextDiscover
LinkLink
StyleChoiceOutlinePrimary, Outline
Scrolling text8 settings · 2 block types

Movement stops for visitors who turn off animations in their device settings, and a pause button is always shown.

SettingTypeDefaultDetails
SpeedSlider31–10
DirectionChoiceRight to leftRight to left, Left to right
Pause on hoverOn/offOn
SeparatorChoiceStarNone, Dot, Star, Leaf, Slash
Text sizeChoiceMediumSmall, Medium, Large

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider160–100px
Bottom paddingSlider160–100px

Block: Text

SettingTypeDefaultDetails
TextRich textFree shipping over $50
LinkLink

Block: Image

SettingTypeDefaultDetails
ImageImage
HeightSlider3216–120px
LinkLink
Shop the look9 settings · 1 block type
SettingTypeDefaultDetails
ImageImage
HeadingRich textShop the look
TextRich text
Center headingOn/offOn
LayoutChoiceFull imageFull image, Image with product list
Show product list on desktopOn/offOffThe list always shows on mobile, under the image. Always on with the split layout.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Hotspot

SettingTypeDefaultDetails
ProductProduct
Horizontal positionSlider500–100%
Vertical positionSlider500–100%

Up to 8 blocks.

Size chart9 settings
SettingTypeDefaultDetails
Link labelTextSize chart
Product metafieldTextcustom.size_chartnamespace.key of a rich text, multi-line text, page or image metafield. Takes priority over the page below.
Fallback pagePageUsed when the product has no size chart metafield.

Show on

SettingTypeDefaultDetails
Product typesTextComma-separated, e.g. T-shirts, Dresses. Leave blank to show on all products.
Product tagTextOnly show on products with this tag. Leave blank to ignore tags.

Style

SettingTypeDefaultDetails
AlignmentChoiceLeftLeft, Center
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Slideshow15 settings · 1 block type
SettingTypeDefaultDetails
Name for screen readersTextFeatured

Layout

SettingTypeDefaultDetails
LayoutChoiceText over imageText over image, Boxed, Image beside text
HeightChoiceLargeSmall, Medium, Large, Full screen, Adapt to image
Image sideChoiceLeftLeft, RightFor Image beside text.
Text on imagesChoiceLightLight, DarkUse dark text for light photos.
Text backdropChoiceNoneNone, Gradient panel, Frosted glassA panel behind the slide text, for busy or bright photos.

Motion

SettingTypeDefaultDetails
Auto-rotate slidesOn/offOnNever rotates for visitors who turn off animations. A pause button is always shown.
Change slides everySlider63–12s
TransitionChoiceFadeFade, Slide, Fade with slow zoom

Navigation

SettingTypeDefaultDetails
Slide indicatorChoiceDotsDots, Numbers, Progress bars, None
Show arrowsOn/offOn
Controls positionChoiceBottom rightBottom left, Bottom center, Bottom right

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, AccentBackground behind images, and the text panel for Image beside text.
Top paddingSlider00–160px
Bottom paddingSlider00–160px

Block: Slide

SettingTypeDefaultDetails
ImageImage
Mobile imageImageOptional. Use a portrait image for phones.
Image captionTextSmall credit in the corner, e.g. Look 01 — Wool coat.

Text

SettingTypeDefaultDetails
EyebrowText
HeadingRich textNew season, new rituals
Heading sizeChoiceLargeMedium, Large, Extra large
TextRich textDiscover what's just landed.
Text positionChoiceBottom leftTop left, Top center, Middle left, Center, Middle right, Bottom left, Bottom center, Bottom right
Overlay opacitySlider300–90%Not used for Image beside text.

Buttons

SettingTypeDefaultDetails
Button labelTextShop now
Button linkLink
Button styleChoiceSolidSolid, Outline
Second link labelTextShown as a text link next to the button.
Second linkLink

Up to 6 blocks.

Sticky add to cart3 settings

Shows a bar with an add to cart button once shoppers scroll past the product form.

SettingTypeDefaultDetails
Show product imageOn/offOn
PositionChoiceBottomBottom, Top
ColorChoiceBackgroundBackground, Secondary, Primary, Accent
Stock counter6 settings

Only shows for variants that track inventory and stop selling when out of stock.

SettingTypeDefaultDetails
Show when stock is at or belowSlider101–50
Show stock barOn/offOn
Show "In stock" above the thresholdOn/offOff

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Team6 settings · 1 block type
SettingTypeDefaultDetails
HeadingTextThe people
CaptionRich text
Columns on desktopSlider42–4
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Person

SettingTypeDefaultDetails
PhotoImage
NameTextFull name
RoleTextRole
Short bioText

Up to 12 blocks.

Timeline6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textOur story so far
TextRich text
Alternate sides on desktopOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Milestone

SettingTypeDefaultDetails
Date or yearText2019
TitleTextWhere it started
TextRich text
ImageImage

Up to 20 blocks.

Trust badges7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
LayoutChoiceRowRow, Grid (2 columns), List (icon beside text)
AlignmentChoiceCenterLeft, Center
Icon sizeSlider3220–64px

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider400–160px
Bottom paddingSlider400–160px

Block: Badge

SettingTypeDefaultDetails
IconChoiceTruckNone, Truck, Lock, Return, Star, Leaf, Heart, Check mark
Custom iconImageReplaces the icon above.
TitleTextFree shipping
TextRich textOn orders over $50

Up to 8 blocks.

Values5 settings · 1 block type
SettingTypeDefaultDetails
HeadingTextWhat we hold to
CaptionRich textA short list we actually use
Color styleChoiceTintLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Value

SettingTypeDefaultDetails
TitleTextFewer, better
TextRich textDescribe the principle and what it means in p…

Up to 8 blocks.

Video hero13 settings
SettingTypeDefaultDetails
VideoVideoPlays muted and on loop. Keep it short and under 20 MB.
Or YouTube / Vimeo URLVideo linkUsed when no video is uploaded above.
Cover imageImageShown while the video loads and to visitors who turn off animations.
HeightChoiceLargeSmall, Medium, Large, Full screen
Overlay opacitySlider350–90%
Text positionChoiceBottom leftBottom left, Center, Middle left, Bottom center

Text

SettingTypeDefaultDetails
EyebrowTextNew collection
HeadingRich textMade for slow mornings
TextRich textSmall-batch essentials, designed to be used e…
First button labelTextShop now
First button linkLink
Second button labelTextOur story
Second button linkLink
Wishlist11 settings

Shows the products a visitor saved with the heart buttons. Saved items live in the visitor's browser, so they don't carry over to other devices.

SettingTypeDefaultDetails
HeadingRich textYour wishlist
TextRich text
Center headingOn/offOff
Products per row on desktopSlider42–5
Maximum productsSlider244–48

Empty state

SettingTypeDefaultDetails
TextTextYou haven't saved anything yet. Tap the heart…
Button labelTextStart shopping
Button linkLink

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider640–160px
Wordmark hero12 settings
SettingTypeDefaultDetails
HeadingTextLumen
Heading tagChoiceH2H1, H2, ParagraphUse H1 once per page, usually on the home page hero
Heading sizeSlider146–24vw
Heading alignmentChoiceRightLeft, Center, Right
Left captionRich textHonest notes on everyday skincare essentials
Right captionRich textFormulas, textures and rituals, tested slowly
Show dividerOn/offOn
Link labelText
LinkLink
Color styleChoiceLightLight, Tint, Dark, Accent

Section spacing

SettingTypeDefaultDetails
Top paddingSlider160–160px
Bottom paddingSlider160–160px

Page template sections (1)

These make up specific pages, such as the header, footer, collection, cart and search pages.

Cart drawer3 settings · app blocks

Choose drawer or page in theme settings > Cart.

SettingTypeDefaultDetails
Color styleChoiceLightLight, Tint, Dark, Accent

Recommendations

SettingTypeDefaultDetails
Show product recommendationsOn/offOn
Recommendations headingTextYou may also like