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
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Age verification10 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Ask visitors to confirm their age | On/off | On | |
| Remember confirmation for | Slider | 30 | 1–90d |
| Logo | Image | ||
| Heading | Rich text | Are you of legal drinking age? | |
| Text | Rich text | You must be 21 or older to visit this store. | |
| Confirm button | Text | Yes, I am | |
| Decline button | Text | No, I'm not | |
| Heading after declining | Rich text | Sorry, you can't enter yet | |
| Text after declining | Rich text | Come back when you're old enough. We'll be here. | |
| Backdrop | Choice | Blurred | Dimmed, Blurred, Solid |
Announcement bar1 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Dark | Light, Tint, Dark, Accent |
Block: Announcement
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Complimentary shipping on orders over $60 | |
| Link | Link |
Up to 4 blocks.
Apps4 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Make section margins the same as the theme | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 32 | 0–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
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 16 | 0–160px |
Back to top2 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Position | Choice | Bottom right | Bottom right, Bottom left |
| Show after scrolling | Slider | 800 | 200–2000px |
Before and after16 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Before image | Image | ||
| Before label | Text | Before | |
| After image | Image | Use images with the same size and framing. | |
| After label | Text | After | |
| Starting divider position | Slider | 50 | 10–90% |
| Image shape | Choice | Landscape | Square, Portrait, Landscape, Wide |
| Eyebrow | Text | ||
| Heading | Rich text | See the difference | |
| Heading size | Choice | Medium | Medium, Large |
| Text | Rich text | Drag the slider to compare results after four… | |
| Link label | Text | ||
| Link | Link | ||
| Layout | Choice | Text above image | Text above image, Text beside image |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Blog post4 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Show author | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Blog posts10 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Journal | |
| Blog | Blog | ||
| Posts to show | Slider | 3 | 1–6 |
| Columns on desktop | Slider | 3 | 1–4 |
| Show date | On/off | On | |
| Show author | On/off | Off | |
| Show excerpt | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Blog posts10 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | From the journal | |
| Blog | Blog | ||
| Number of posts | Slider | 3 | 2–6 |
| Columns on desktop | Choice | 3 | 2, 3 |
| Show date | On/off | On | |
| Show excerpt | On/off | On | |
| Show "View all" link | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Blog posts list8 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Posts per page | Slider | 9 | 3–24 |
| Columns on desktop | Slider | 3 | 1–4 |
| Show tag filter | On/off | On | |
| Show date | On/off | On | |
| Show author | On/off | Off | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Cart5 settings · 1 block type · app blocks
Recommendations
| Setting | Type | Default | Details |
|---|---|---|---|
| Show product recommendations | On/off | On | |
| Recommendations heading | Text | You may also like | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 40 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Free samples are added at checkout. |
Collection list7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Shop by ritual | |
| Columns on desktop | Slider | 3 | 2–5 |
| Columns on mobile | Choice | 1 | 1, 2 |
| Image shape | Choice | Portrait | Portrait, Square, Landscape |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Collection
| Setting | Type | Default | Details |
|---|---|---|---|
| Collection | Collection | ||
| Image | Image | Defaults to the collection image |
Up to 12 blocks.
Collections list5 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Collections | |
| Columns on desktop | Slider | 3 | 2–5 |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Why we're different | |
| Text | Rich text | See how we compare to the usual options. | |
| Your column | Text | Defaults to your store name. | |
| Second column | Text | Typical brands | |
| Third column (optional) | Text |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Row
| Setting | Type | Default | Details |
|---|---|---|---|
| Feature | Text | Plastic-free packaging | |
| Your value | Text | yes | |
| Second column value | Text | no | |
| Third column value | Text |
Up to 16 blocks.
Contact details6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | ||
| Show social links | On/off | On | Edit links in theme settings > Social media |
| Social label | Text | Follow along | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Info card
| Setting | Type | Default | Details |
|---|---|---|---|
| Label | Text | ||
| Text | Rich text | hello@example.com | |
| Link label | Text | ||
| Link | Link |
Up to 4 blocks.
Contact form9 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Write to us | |
| Text | Rich text | Questions about a formula, an order or your r… | |
| Topics | Text | Product advice, An existing order, Wholesale,… | Comma separated. Leave blank to hide the topic field. |
| Show image | On/off | On | |
| Image | Image | ||
| Image caption | Rich text | ||
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Countdown timer13 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| End date and time | Text | Use the format YYYY-MM-DD HH:MM in your store's time zone. | |
| Hide section after the end date | On/off | On | |
| Text after the end date | Text | This offer has ended. | |
| Heading | Rich text | Sale ends soon | |
| Heading size | Choice | Medium | Small, Medium, Large |
| Text | Rich text | Get 20% off everything until the timer runs out. | |
| Button label | Text | Shop the sale | |
| Button link | Link | ||
| Layout | Choice | Centered | Centered, Text left, timer right |
| Timer size | Choice | Large | Small, Medium, Large |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Primary | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Custom Liquid4 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Liquid code | Liquid | Add app snippets or other Liquid code | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 32 | 0–160px |
Delivery estimate9 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Fastest delivery | Slider | 3 | 0–30dBusiness days after the order ships. |
| Slowest delivery | Slider | 5 | 0–30d |
| Same-day dispatch cutoff | Slider | 14 | 0–23hIn your store's time zone. Orders after this ship the next business day. |
| Don't ship or deliver on weekends | On/off | On | |
| Holidays | Text | Days you don't ship, as YYYY-MM-DD separated by commas. | |
| Show time left to order | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 16 | 0–160px |
Editorial intro8 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Rituals 2025 | |
| Caption | Rich text | Field notes for every skin type, with routine… | |
| Show divider | On/off | On | |
| Text | Rich text | We think healthy skin is less about perfectio… | |
| Italic text | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Image
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Width | Choice | Large | Small, Medium, Large |
| Shape | Choice | Square | Portrait, Square, Landscape |
| Vertical alignment | Choice | Top | Top, Bottom |
| Caption | Rich text | ||
| Link | Link |
Up to 4 blocks.
FAQ10 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Questions, answered | |
| Text | Rich text | Can't find what you need? Write to us and a r… | |
| Button label | Text | ||
| Button link | Link | ||
| Layout | Choice | Heading beside questions | Heading beside questions, Heading above questions |
| Open first question | On/off | Off | |
| Add FAQ structured data for search engines | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Question
| Setting | Type | Default | Details |
|---|---|---|---|
| Question | Text | How long does shipping take? | |
| Answer | Rich text | Write a clear, friendly answer. |
Up to 30 blocks.
Featured collection10 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | The Edit | |
| Caption | Rich text | Formulas we keep coming back to | |
| Collection | Collection | ||
| Products to show | Slider | 4 | 2–16 |
| Columns on desktop | Slider | 4 | 2–5 |
| Columns on mobile | Choice | 2 | 1, 2 |
| Show view all link | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Featured product9 settings · 13 block types · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Product | Product | ||
| Media width | Choice | Large | Small, Medium, Large |
| Thumbnails | Choice | Left of image | Left of image, Below image |
| Image fit | Choice | Contain | Contain, Cover |
| Accordion position | Choice | Below media | Below media, In product info |
| Sticky product info on desktop | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Text block | |
| Style | Choice | Caption | Caption, Body, Eyebrow |
Block: Title
No settings.
Block: Rating
Shows stars from the reviews.rating and reviews.rating_count metafields that review apps populate.
| Setting | Type | Default | Details |
|---|---|---|---|
| Show review count | On/off | On |
Block: Price
| Setting | Type | Default | Details |
|---|---|---|---|
| Show tax and shipping note | On/off | Off |
Block: Description
| Setting | Type | Default | Details |
|---|---|---|---|
| Content | Choice | Short (custom.short_description metafield) | Short (custom.short_description metafield), Full description |
| Word limit when no short description | Slider | 30 | 10–80 |
Block: Benefit chips
Uses the custom.benefits metafield (list of single line text). Falls back to the text below.
| Setting | Type | Default | Details |
|---|---|---|---|
| Fallback benefits | Text | Smoothing, Hydrating, Renewing | Comma separated |
Block: Spec rows
Values come from custom.type and custom.used_for metafields.
| Setting | Type | Default | Details |
|---|---|---|---|
| First label | Text | Type | |
| First fallback value | Text | ||
| Second label | Text | Used for | |
| Second fallback value | Text |
Block: Variant picker
| Setting | Type | Default | Details |
|---|---|---|---|
| Style | Choice | Buttons | Buttons, Dropdown |
| Show color swatches | On/off | On |
Block: Purchase options
Shows one-time purchase and subscription options from your selling plans (subscription apps).
| Setting | Type | Default | Details |
|---|---|---|---|
| Preselect subscription | On/off | Off | |
| Note | Text | Skip, pause or cancel anytime. |
Block: Buy buttons
| Setting | Type | Default | Details |
|---|---|---|---|
| Show quantity selector | On/off | Off | |
| Show dynamic checkout buttons | On/off | On | |
| Show gift card recipient form | On/off | On | |
| Show pickup availability | On/off | On |
Block: Accordion
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Details | |
| Content source | Choice | Custom content only | Custom content only, Product description, Benefits (custom.benefits_detail), How to use (custom.how_to_use), Key ingredients (custom.ingredients) |
| Custom content | Rich text | ||
| Content from page | Page | ||
| Open by default | On/off | Off |
Block: Share links
No settings.
Block: Custom Liquid
| Setting | Type | Default | Details |
|---|---|---|---|
| Custom Liquid | Liquid |
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)
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Never miss a drop | |
| Text | Rich text | Follow us on Shop to get updates on new arriv… | |
| Center content | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 32 | 0–160px |
Framed image split5 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Panel shape | Choice | Portrait | Portrait, Tall, Square |
| Full width | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 0 | 0–160px |
Block: Image panel
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Product | Product | Supplies the link, fallback image and the custom.type / custom.used_for spec values | |
| Frame label | Text | Daily Clean | |
| Link | Link |
Frame
| Setting | Type | Default | Details |
|---|---|---|---|
| Show browser window bar | On/off | Off | |
| Window bar label | Text | Defaults to the store name | |
| Frame color | Choice | Light | Light, Dark |
| Frame position | Choice | Center | Left, Center, Right |
| Frame width | Slider | 60 | 30–90% |
| Frame height | Slider | 60 | 30–90% |
Spec rows
Values are read from the product's custom.type and custom.used_for metafields, falling back to the text below.
| Setting | Type | Default | Details |
|---|---|---|---|
| First label | Text | Type | |
| First fallback value | Text | Cleanses | |
| Second label | Text | Used for | |
| Second fallback value | Text | All skin | |
| Image crop | Choice | Center | Center, Top, BottomUsed when the image has no focal point set. |
| Panel color style | Choice | Tint | Light, Tint, Dark, Accent |
Up to 3 blocks.
Header12 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Drawer menu | Menu | main-menu | Opened by the menu icon |
| Inline links | Menu | main-menu | A few links shown next to the menu icon on desktop |
| Maximum inline links | Slider | 3 | 1–8 |
| Show logo | On/off | On | Turn off when a large wordmark hero is used |
| Logo position | Choice | Center | Center, Right |
| Customer account menu | Menu | customer-account-main-menu | Links shown in the account sheet. Only available with new customer accounts. |
| Show country and language selectors | On/off | Off | Add countries and languages in your store settings |
| Sticky header | On/off | On | |
| Show bottom border | On/off | Off | |
| Vertical padding | Slider | 20 | 8–48px |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
| Drawer color style | Choice | Light | Light, Tint, Dark, Accent |
Block: Mega menu
| Setting | Type | Default | Details |
|---|---|---|---|
| Menu item | Text | Title of the top-level menu link this applies to, e.g. Shop. Links with 3 levels become mega menus automatically. | |
| Show "View all" link | On/off | On |
Promotion 1
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Heading | Text | New arrivals | |
| Link | Link |
Promotion 2
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Heading | Text | ||
| Link | Link |
Image gallery10 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | In the wild | |
| Text | Rich text | Tag us to be featured. | |
| Layout | Choice | Even grid | Even grid, Masonry (keeps image shapes) |
| Grid image shape | Choice | Square | Square, Portrait, Landscape |
| Columns on desktop | Slider | 4 | 2–6 |
| Columns on mobile | Choice | 2 | 1, 2 |
| Open images in a lightbox | On/off | On | Images with a link open the link instead. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Image
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Caption | Text | ||
| Link | Link |
Up to 24 blocks.
Image mosaic8 settings · 2 block types
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | ||
| Caption | Rich text | ||
| Columns on desktop | Slider | 4 | 2–6 |
| Columns on mobile | Choice | 2 | 1, 2 |
| Tile shape | Choice | Square | Portrait, Square, Landscape |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Image
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Column span | Slider | 1 | 1–4 |
| Caption | Rich text | ||
| Link | Link |
Block: Empty space
| Setting | Type | Default | Details |
|---|---|---|---|
| Column span | Slider | 1 | 1–4 |
Up to 12 blocks.
Image with long text14 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Image shape | Choice | Portrait | Portrait, Square, Landscape |
| Image position | Choice | Left | Left, Right |
| Image caption | Rich text | ||
| Eyebrow | Rich text | Founder's note | |
| Heading | Text | Started at a kitchen table | |
| Lead paragraph | Rich text | Tell the story behind the brand in a sentence… | |
| Text | Rich text | Use this space for a longer story: where the … | |
| Text columns on desktop | Choice | 1 | 1, 2 |
| Signature | Text | ||
| Signature role | Text | ||
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Image with text15 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Image position | Choice | Left | Left, Right |
| Full width | On/off | On | |
| Heading | Text | Skin Notes for Every Season | |
| Subheading | Rich text | Follow the journal on Instagram @yourstore | |
| Featured product | Product | Links the feature image to the product | |
| Feature image | Image | Defaults to the product image | |
| Bottom left caption | Rich text | Read our slow, hands-on reviews of the produc… | |
| Bottom right caption | Rich text | Textures, ingredients and how each one fits a… | |
| Link label | Text | ||
| Link | Link | ||
| Color style | Choice | Tint | Light, Tint, Dark, Accent |
| Content color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 0 | 0–160px |
Block: Image spec
| Setting | Type | Default | Details |
|---|---|---|---|
| Label | Text | Type | |
| Value | Text | Hydrates |
Up to 4 blocks.
Key numbers4 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | ||
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Number
| Setting | Type | Default | Details |
|---|---|---|---|
| Number | Text | 12 | |
| Label | Text | Formulas | |
| Note | Text |
Up to 4 blocks.
Logo list7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Stocked by stores we love | |
| Layout | Choice | Grid | Grid, Single row |
| Logo height | Slider | 40 | 20–120px |
| Show logos in grayscale | On/off | On | Color returns on hover. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Logo
| Setting | Type | Default | Details |
|---|---|---|---|
| Logo | Image | ||
| Brand name | Text | Used as alt text and shown until a logo is added. | |
| Link | Link |
Up to 24 blocks.
Page3 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Page intro10 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Rich text | Our story | |
| Heading | Text | Defaults to the page title | |
| Intro | Rich text | Introduce the page in two or three considered… | |
| Caption | Rich text | ||
| Show image | On/off | On | |
| Image | Image | ||
| Image shape | Choice | Panorama | Panorama, Wide, Landscape |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 24 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Password3 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Opening soon | |
| Text | Rich text | Be the first to know when we launch. | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Press coverage7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | As seen in | |
| Layout | Choice | One quote at a time | One quote at a time, Grid of logos and quotes |
| Rotate quotes automatically | On/off | On | Only for one quote at a time. Visitors can pause it, and it never rotates for visitors who prefer reduced motion. |
| Change quote every | Slider | 6 | 3–12s |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Secondary | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 56 | 0–160px |
| Bottom padding | Slider | 56 | 0–160px |
Block: Publication
| Setting | Type | Default | Details |
|---|---|---|---|
| Logo | Image | ||
| Publication name | Text | Publication | Used as the logo's alt text, or shown instead of a logo. |
| Quote | Rich text | The kind of product you keep coming back to. |
Up to 8 blocks.
Product grid10 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Show collection description | On/off | On | |
| Show collection image | On/off | Off | |
| Products per page | Slider | 24 | 8–48 |
| Columns on desktop | Slider | 4 | 2–5 |
| Columns on mobile | Choice | 2 | 1, 2 |
| Enable filtering | On/off | On | Customize filters with the Search & Discovery app |
| Enable sorting | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Product tabs6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | ||
| Product | Product | Used for metafield content. On product pages, the current product is used when this is empty. | |
| Open the first item on mobile | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 40 | 0–160px |
| Bottom padding | Slider | 40 | 0–160px |
Block: Tab
| Setting | Type | Default | Details |
|---|---|---|---|
| Title | Text | Details | |
| Product metafield | Text | namespace.key. Used first when the product has a value. | |
| Page | Page | Used when the metafield is empty. | |
| Text | Rich text | Use this tab to share materials, care instruc… | Used when there's no metafield value or page. |
Promo popup15 settings
When to show
| Setting | Type | Default | Details |
|---|---|---|---|
| Open | Choice | After a delay | After a delay, When leaving the page, After scrolling |
| Delay | Slider | 8 | 0–60s |
| Scroll depth | Slider | 40 | 10–90% |
| Show again after | Slider | 7 | 1–60dVisitors who sign up never see it again. On touch devices, "When leaving the page" uses the delay instead. |
| Pages | Choice | All pages | All pages, Home page only, All pages except cart |
Content
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Image position | Choice | Left | Left, Top |
| Eyebrow | Text | Welcome offer | |
| Heading | Rich text | Get 10% off your first order | |
| Text | Rich text | Join our list for early access to new drops a… | |
| Action | Choice | Email signup | Email signup, Button link |
| Button label | Text | Sign up | |
| Button link | Link | Used when Action is Button link. | |
| Success message | Text | Thanks for signing up! Check your inbox for y… | |
| Dismiss link | Text | No thanks |
Promo tiles6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | ||
| Center heading | On/off | Off | |
| Tile shape | Choice | Portrait | Square, Portrait, Landscape |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Tile
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Eyebrow | Text | Limited time | |
| Heading | Text | New season arrivals | |
| Text | Rich text | ||
| Link | Link | The whole tile becomes clickable. | |
| Link label | Text | Shop now | |
| Text position | Choice | Bottom left | Bottom left, Center, Top left, Below image |
| Image overlay | Slider | 35 | 0–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
| Setting | Type | Default | Details |
|---|---|---|---|
| Quote | Rich text | Add a line from a review, a press feature or … | |
| Author | Text | Name | |
| Source | Text | Publication | |
| Alignment | Choice | Center | Left, Center |
| Color style | Choice | Dark | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Recently viewed | |
| Center heading | On/off | Off | |
| Products to show | Slider | 4 | 2–8 |
| Columns on desktop | Slider | 4 | 2–5 |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Rich text4 settings · 4 block types
| Setting | Type | Default | Details |
|---|---|---|---|
| Alignment | Choice | Center | Left, Center |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Heading
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Less, but better | |
| Size | Choice | Large | Small, Medium, Large, Display |
Block: Caption
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Our philosophy |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Share the thinking behind your products, your… |
Block: Button
| Setting | Type | Default | Details |
|---|---|---|---|
| Label | Text | Discover | |
| Link | Link | ||
| Style | Choice | Outline | Primary, 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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Speed | Slider | 3 | 1–10 |
| Direction | Choice | Right to left | Right to left, Left to right |
| Pause on hover | On/off | On | |
| Separator | Choice | Star | None, Dot, Star, Leaf, Slash |
| Text size | Choice | Medium | Small, Medium, Large |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Primary | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 16 | 0–100px |
| Bottom padding | Slider | 16 | 0–100px |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Free shipping over $50 | |
| Link | Link |
Block: Image
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Height | Slider | 32 | 16–120px |
| Link | Link |
Search results7 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Results per page | Slider | 24 | 8–48 |
| Columns on desktop | Slider | 4 | 2–5 |
| Enable filtering | On/off | On | |
| Enable sorting | On/off | On | |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 32 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Shop the look9 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Heading | Rich text | Shop the look | |
| Text | Rich text | ||
| Center heading | On/off | On | |
| Layout | Choice | Full image | Full image, Image with product list |
| Show product list on desktop | On/off | Off | The list always shows on mobile, under the image. Always on with the split layout. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 48 | 0–160px |
Block: Hotspot
| Setting | Type | Default | Details |
|---|---|---|---|
| Product | Product | ||
| Horizontal position | Slider | 50 | 0–100% |
| Vertical position | Slider | 50 | 0–100% |
Up to 8 blocks.
Size chart9 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Link label | Text | Size chart | |
| Product metafield | Text | custom.size_chart | namespace.key of a rich text, multi-line text, page or image metafield. Takes priority over the page below. |
| Fallback page | Page | Used when the product has no size chart metafield. |
Show on
| Setting | Type | Default | Details |
|---|---|---|---|
| Product types | Text | Comma-separated, e.g. T-shirts, Dresses. Leave blank to show on all products. | |
| Product tag | Text | Only show on products with this tag. Leave blank to ignore tags. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Alignment | Choice | Left | Left, Center |
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 16 | 0–160px |
Slideshow15 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Name for screen readers | Text | Featured |
Layout
| Setting | Type | Default | Details |
|---|---|---|---|
| Layout | Choice | Text over image | Text over image, Boxed, Image beside text |
| Height | Choice | Large | Small, Medium, Large, Full screen, Adapt to image |
| Image side | Choice | Left | Left, RightFor Image beside text. |
| Text on images | Choice | Light | Light, DarkUse dark text for light photos. |
| Text backdrop | Choice | None | None, Gradient panel, Frosted glassA panel behind the slide text, for busy or bright photos. |
Motion
| Setting | Type | Default | Details |
|---|---|---|---|
| Auto-rotate slides | On/off | On | Never rotates for visitors who turn off animations. A pause button is always shown. |
| Change slides every | Slider | 6 | 3–12s |
| Transition | Choice | Fade | Fade, Slide, Fade with slow zoom |
Navigation
| Setting | Type | Default | Details |
|---|---|---|---|
| Slide indicator | Choice | Dots | Dots, Numbers, Progress bars, None |
| Show arrows | On/off | On | |
| Controls position | Choice | Bottom right | Bottom left, Bottom center, Bottom right |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Primary | Same as page, Background, Secondary, Primary, AccentBackground behind images, and the text panel for Image beside text. |
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 0 | 0–160px |
Block: Slide
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Mobile image | Image | Optional. Use a portrait image for phones. | |
| Image caption | Text | Small credit in the corner, e.g. Look 01 — Wool coat. |
Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | ||
| Heading | Rich text | New season, new rituals | |
| Heading size | Choice | Large | Medium, Large, Extra large |
| Text | Rich text | Discover what's just landed. | |
| Text position | Choice | Bottom left | Top left, Top center, Middle left, Center, Middle right, Bottom left, Bottom center, Bottom right |
| Overlay opacity | Slider | 30 | 0–90%Not used for Image beside text. |
Buttons
| Setting | Type | Default | Details |
|---|---|---|---|
| Button label | Text | Shop now | |
| Button link | Link | ||
| Button style | Choice | Solid | Solid, Outline |
| Second link label | Text | Shown as a text link next to the button. | |
| Second link | Link |
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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Show product image | On/off | On | |
| Position | Choice | Bottom | Bottom, Top |
| Color | Choice | Background | Background, Secondary, Primary, Accent |
Stock counter6 settings
Only shows for variants that track inventory and stop selling when out of stock.
| Setting | Type | Default | Details |
|---|---|---|---|
| Show when stock is at or below | Slider | 10 | 1–50 |
| Show stock bar | On/off | On | |
| Show "In stock" above the threshold | On/off | Off |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 0 | 0–160px |
| Bottom padding | Slider | 16 | 0–160px |
Team6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | The people | |
| Caption | Rich text | ||
| Columns on desktop | Slider | 4 | 2–4 |
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Person
| Setting | Type | Default | Details |
|---|---|---|---|
| Photo | Image | ||
| Name | Text | Full name | |
| Role | Text | Role | |
| Short bio | Text |
Up to 12 blocks.
Timeline6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Our story so far | |
| Text | Rich text | ||
| Alternate sides on desktop | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Milestone
| Setting | Type | Default | Details |
|---|---|---|---|
| Date or year | Text | 2019 | |
| Title | Text | Where it started | |
| Text | Rich text | ||
| Image | Image |
Up to 20 blocks.
Trust badges7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | ||
| Layout | Choice | Row | Row, Grid (2 columns), List (icon beside text) |
| Alignment | Choice | Center | Left, Center |
| Icon size | Slider | 32 | 20–64px |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 40 | 0–160px |
| Bottom padding | Slider | 40 | 0–160px |
Block: Badge
| Setting | Type | Default | Details |
|---|---|---|---|
| Icon | Choice | Truck | None, Truck, Lock, Return, Star, Leaf, Heart, Check mark |
| Custom icon | Image | Replaces the icon above. | |
| Title | Text | Free shipping | |
| Text | Rich text | On orders over $50 |
Up to 8 blocks.
Values5 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | What we hold to | |
| Caption | Rich text | A short list we actually use | |
| Color style | Choice | Tint | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 64 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Block: Value
| Setting | Type | Default | Details |
|---|---|---|---|
| Title | Text | Fewer, better | |
| Text | Rich text | Describe the principle and what it means in p… |
Up to 8 blocks.
Video hero13 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Video | Video | Plays muted and on loop. Keep it short and under 20 MB. | |
| Or YouTube / Vimeo URL | Video link | Used when no video is uploaded above. | |
| Cover image | Image | Shown while the video loads and to visitors who turn off animations. | |
| Height | Choice | Large | Small, Medium, Large, Full screen |
| Overlay opacity | Slider | 35 | 0–90% |
| Text position | Choice | Bottom left | Bottom left, Center, Middle left, Bottom center |
Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | New collection | |
| Heading | Rich text | Made for slow mornings | |
| Text | Rich text | Small-batch essentials, designed to be used e… | |
| First button label | Text | Shop now | |
| First button link | Link | ||
| Second button label | Text | Our story | |
| Second button link | Link |
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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Your wishlist | |
| Text | Rich text | ||
| Center heading | On/off | Off | |
| Products per row on desktop | Slider | 4 | 2–5 |
| Maximum products | Slider | 24 | 4–48 |
Empty state
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Text | You haven't saved anything yet. Tap the heart… | |
| Button label | Text | Start shopping | |
| Button link | Link |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color | Choice | Same as page | Same as page, Background, Secondary, Primary, Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 64 | 0–160px |
Wordmark hero12 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Lumen | |
| Heading tag | Choice | H2 | H1, H2, ParagraphUse H1 once per page, usually on the home page hero |
| Heading size | Slider | 14 | 6–24vw |
| Heading alignment | Choice | Right | Left, Center, Right |
| Left caption | Rich text | Honest notes on everyday skincare essentials | |
| Right caption | Rich text | Formulas, textures and rituals, tested slowly | |
| Show divider | On/off | On | |
| Link label | Text | ||
| Link | Link | ||
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Section spacing
| Setting | Type | Default | Details |
|---|---|---|---|
| Top padding | Slider | 16 | 0–160px |
| Bottom padding | Slider | 16 | 0–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.
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint, Dark, Accent |
Recommendations
| Setting | Type | Default | Details |
|---|---|---|---|
| Show product recommendations | On/off | On | |
| Recommendations heading | Text | You may also like |