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 (46)
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 bar3 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Accent | Light, Tint (secondary), Dark (primary), Accent |
| Rotate every | Slider | 5 | 3–10s |
| Show close button | On/off | On |
Block: Announcement
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Text | For picnics, road trips, beach days and every… | |
| Link | Link |
Up to 6 blocks.
Apps1 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Make section margins the same as theme | On/off | On |
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 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 |
Collection list7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Shop by mood | |
| Heading | Rich text | Pick your pack | |
| Script accent | Text | ||
| Columns on desktop | Slider | 3 | 2–5 |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Collection
| Setting | Type | Default | Details |
|---|---|---|---|
| Collection | Collection | ||
| Custom image | Image |
Up to 12 blocks.
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 form12 settings · 2 block types
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Get in touch | |
| Heading | Rich text | Say hello | |
| Script accent | Text | We read everything | |
| Heading level | Choice | H1 (page title) | H1 (page title), H2 |
| Intro text | Rich text | Questions about an order, a flavour idea or a… | |
| Image | Image | ||
| Form heading | Text | Send us a message | |
| Topics | Text | Order question, Wholesale, Press, Something else | Comma separated. Leave empty to hide the topic menu. |
| Response note | Text | We usually reply within one business day. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 56 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Contact detail
| Setting | Type | Default | Details |
|---|---|---|---|
| Icon | Choice | Email, Phone, Location, Opening hours, Chat, Business / wholesale, Shipping, Website, Person, Shop | |
| Label | Text | ||
| Value | Text | hello@example.com | |
| Link | Link | e.g. mailto:hello@example.com or tel:+15555555555 | |
| Note | Text |
Block: Social links
Edit links in Theme settings > Social media.
| Setting | Type | Default | Details |
|---|---|---|---|
| Label | Text | Follow along |
Up to 8 blocks.
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 code. | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 40 | 0–160px |
| Bottom padding | Slider | 40 | 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 |
FAQ6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | FAQ | |
| Heading | Rich text | Got questions? | |
| Script accent | Text | We've got answers | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Question
| Setting | Type | Default | Details |
|---|---|---|---|
| Question | Text | Is it really sugar free? | |
| Answer | Rich text | Answer your customers' most common questions … |
Featured collection12 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Our flavors | |
| Heading | Rich text | Four flavors, endless summer energy. | |
| Script accent | Text | Sunshine in a can | |
| Text | Rich text | ||
| Collection | Collection | ||
| Products to show | Slider | 8 | 2–16 |
| Layout | Choice | Carousel | Carousel, Grid |
| Columns on desktop | Slider | 3 | 2–5 |
| Show "View all" button | On/off | Off |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Featured product7 settings · 15 block types · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Product | Product | ||
| Image ratio | Choice | Portrait | Adapt to image, Portrait, Square |
| Update URL when variant changes | On/off | Off | |
| Show sticky add to cart bar | On/off | Off |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Eyebrow pill
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Text | Defaults to the product type. |
Block: Vendor
No settings.
Block: Title
No settings.
Block: Rating
Shows the reviews.rating metafield written by review apps.
Block: Price
No settings.
Block: SKU
No settings.
Block: Description
No settings.
Block: Taste notes
Reads the product metafield custom.taste_notes (list of single line text), or tags like note:Citrus.
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Taste notes |
Block: Variant picker
| Setting | Type | Default | Details |
|---|---|---|---|
| Style | Choice | Pills | Pills, Dropdown |
Block: Inventory status
| Setting | Type | Default | Details |
|---|---|---|---|
| Low stock threshold | Slider | 10 | 0–50 |
Block: Buy buttons
| Setting | Type | Default | Details |
|---|---|---|---|
| Show quantity selector | On/off | On | |
| Show dynamic checkout buttons | On/off | On | |
| Show gift card recipient form | On/off | On |
Block: Collapsible tab
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | Ingredients | |
| Content | Rich text | ||
| Content from page | Page | ||
| Open by default | On/off | Off |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Text block |
Block: Share
No settings.
Block: Custom liquid
| Setting | Type | Default | Details |
|---|---|---|---|
| Custom liquid | Liquid |
Features & values9 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | What we stand for | |
| Heading | Rich text | Good stuff only | |
| Script accent | Text | Promise! | |
| Text | Rich text | ||
| Center heading | On/off | Off | |
| Columns on desktop | Slider | 4 | 2–4 |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Feature
| Setting | Type | Default | Details |
|---|---|---|---|
| Icon | Choice | Leaf | Leaf, Sparkle, Bolt, Flower, Star, Basket, Globe, None |
| Custom icon image | Image | Replaces the icon. | |
| Title | Text | Real fruit | |
| Text | Rich text | Pressed fruit and botanicals — never syrups o… |
Up to 8 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)
| 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 |
Hero12 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Background image | Image | ||
| Background video | Video | Replaces the image when set. | |
| Foreground cut-out (PNG) | Image | Transparent image of your people/product. It sits in front of the giant word for a layered look. | |
| Height | Choice | Full screen | Small, Medium, Full screen |
| Bottom shade | Slider | 15 | 0–80% |
Giant word
| Setting | Type | Default | Details |
|---|---|---|---|
| Word | Text | Sparkling | |
| Word opacity | Slider | 90 | 20–100% |
| Script accent | Text | Yes, all natural! |
Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Text | ||
| Text | Rich text | ||
| Button label | Text | ||
| Button link | Link |
Block: Floating product card
| Setting | Type | Default | Details |
|---|---|---|---|
| Product | Product | ||
| Custom image | Image | Optional. Defaults to the product image. | |
| Style | Choice | Outlined | Outlined, Solid |
| Horizontal position | Slider | 8 | 0–85% |
| Vertical position | Slider | 22 | 5–70% |
Up to 3 blocks.
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 with text & tiles11 settings · 1 block type · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Image position | Choice | Left | Left, Right |
| Eyebrow | Text | Picked by nature | |
| Heading | Rich text | Fresh starts with fresh ingredients. | |
| Script accent | Text | Made with real fruit | |
| Text | Rich text | The best flavors don't come from complicated … | |
| Button label | Text | Find your flavor | |
| Button link | Link |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Image tile
| Setting | Type | Default | Details |
|---|---|---|---|
| Image | Image | ||
| Label | Text | Natural |
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.
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 spotlight5 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | When the sun finds you, bring a can | |
| Script accent | Text | Not just a drink | |
| Notes label | Text | Taste notes: | |
| Auto-rotate slides | On/off | Off | |
| Change slides every | Slider | 6 | 3–12s |
Block: Product slide
| Setting | Type | Default | Details |
|---|---|---|---|
| Product | Product | ||
| Background image | Image | ||
| Card image | Image | Optional. Defaults to the product image. | |
| Description | Text | Defaults to the product description. | |
| Taste notes | Text | Matcha, Citrus, Sparkling | Comma separated. The product metafield custom.taste_notes (list of text) is used first when filled. |
Up to 8 blocks.
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.
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 · 3 block types · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Alignment | Choice | Center | Left, Center |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Heading
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | ||
| Heading | Rich text | Talk about your brand | |
| Script accent | Text | ||
| Size | Choice | Large | Medium, Large, Giant |
Block: Text
| Setting | Type | Default | Details |
|---|---|---|---|
| Text | Rich text | Share information about your brand with your … |
Block: Button
| Setting | Type | Default | Details |
|---|---|---|---|
| Label | Text | Shop now | |
| Link | Link | ||
| Secondary style | On/off | Off |
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 |
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.
Stats6 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | ||
| Heading | Rich text | ||
| Script accent | Text | ||
| Color style | Choice | Dark (primary) | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 80 | 0–160px |
| Bottom padding | Slider | 80 | 0–160px |
Block: Stat
| Setting | Type | Default | Details |
|---|---|---|---|
| Number | Text | 100% | Numbers count up when animations are on, e.g. 2M+, 98%, 12. |
| Label | Text | Real fruit |
Up to 4 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 |
Team8 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | The crew | |
| Heading | Rich text | The people behind the bubbles | |
| Script accent | Text | Say hi! | |
| Text | Rich text | ||
| Columns on desktop | Slider | 4 | 2–5 |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Team member
| Setting | Type | Default | Details |
|---|---|---|---|
| Photo | Image | ||
| Name | Text | Team member | |
| Role | Text | Co-founder | |
| Short bio | Text |
Up to 12 blocks.
Testimonials7 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Testimonials | |
| Heading | Rich text | Fresh reviews from fresh people | |
| Script accent | Text | Naturally vibrant | |
| Cards visible on desktop | Slider | 3 | 2–4 |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Tint (secondary) | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 96 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Block: Testimonial
| Setting | Type | Default | Details |
|---|---|---|---|
| Photo | Image | ||
| Product | Product | Used for the photo when none is set. | |
| Quote | Rich text | Every sip feels incredibly fresh, light and p… | |
| Avatar | Image | ||
| Name | Text | Customer name | |
| Role | Text | Verified buyer | |
| Rating | Slider | 5 | 0–5 |
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.
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 |
Page template sections (12)
These make up specific pages, such as the header, footer, collection, cart and search pages.
404 page2 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Script accent | Text | Oops, flat! | |
| Color style | Choice | Tint (secondary) | Light, Tint (secondary), Dark (primary), Accent |
Blog post4 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Show author | On/off | On | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Blog posts6 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Journal | |
| Script accent | Text | Stories | |
| Show author | On/off | Off | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Cart6 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Script accent | Text | Almost yours | |
| Show product recommendations | On/off | On | |
| Recommendations heading | Text | You may also like | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Cart drawer5 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Show express checkout buttons | On/off | Off |
Upsell
| Setting | Type | Default | Details |
|---|---|---|---|
| Show product recommendations | On/off | On | Based on what's in the cart. Choose a collection below to show that instead. |
| Upsell collection | Collection | ||
| Upsell heading | Text | Complete your pack |
Collections list page7 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Collections | |
| Script accent | Text | Find your fizz | |
| Collections | Collections | Leave empty to show every collection. | |
| Columns on desktop | Slider | 3 | 2–5 |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Header11 settings · 1 block type
| Setting | Type | Default | Details |
|---|---|---|---|
| Menu | Menu | main-menu | |
| Transparent header over hero | Choice | Home page only | Never, Home page only, Every pagePlace a Hero section first on the page for the best result. |
| Sticky header | On/off | On | |
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Mobile menu color style | Choice | Tint (secondary) | Light, Tint (secondary), Dark (primary), Accent |
Utilities
| Setting | Type | Default | Details |
|---|---|---|---|
| Show search | On/off | On | |
| Customer account menu | Menu | customer-account-main-menu | Links shown in the account sheet. Only available with new customer accounts. |
| Show country/currency selector | On/off | Off | |
| Show language selector | On/off | On |
Call to action
| Setting | Type | Default | Details |
|---|---|---|---|
| Button label | Text | Get fresh | |
| Button link | Link |
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 |
Page4 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Script accent | Text | ||
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Password page3 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Heading | Rich text | Something fresh is coming | |
| Script accent | Text | Stay tuned | |
| Color style | Choice | Tint (secondary) | Light, Tint (secondary), Dark (primary), Accent |
Product grid11 settings · app blocks
| Setting | Type | Default | Details |
|---|---|---|---|
| Eyebrow | Text | Shop | |
| Script accent | Text | ||
| Show collection description | On/off | On | |
| Show collection image | On/off | Off | |
| Products per page | Slider | 16 | 8–48 |
| Columns on desktop | Slider | 3 | 2–5 |
| Enable filtering | On/off | On | Customize filters with the Shopify Search & Discovery app. |
| Enable sorting | On/off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |
Search results3 settings
| Setting | Type | Default | Details |
|---|---|---|---|
| Color style | Choice | Light | Light, Tint (secondary), Dark (primary), Accent |
| Top padding | Slider | 48 | 0–160px |
| Bottom padding | Slider | 96 | 0–160px |