Sections and blocks

Every section and block in Touchmark, with its name as the theme editor shows it, what it is for, where it can go and all of its settings.

Sections are the full-width rows of a page. Add one with Add section in the editor sidebar. Blocks are the parts inside a section. Add one with Add block under the section. Sections marked any theme block take every block in Blocks; others take only their own blocks, listed with them.

Blocks that show product data, such as Supplement Facts or Lab results (product), need that data on the product. Product data setup explains each one, starting with a setup that needs only the Shopify admin. Until the data is there, the block shows nothing to shoppers, and the Product data notice in the theme editor says what it needs.

Sections

Grouped as the Add section picker groups them. Sections without a category come first in the picker.

Banners

Opening sections and large media.

Image banner

The opening banner: an image beside the text, or a full-width image behind it, with heading, text, buttons, a rating line and a details row. An optional lab result tag on the image shows one measured value, such as the potency of a product's newest lab batch, and Show layout grid draws the 12-column layout grid behind the section on larger screens.

In the Add section picker
Image banner (Banners), Full-width image banner (Banners)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page.
Blocks
Heading, Text, Button, Icon with text, Spacer, Rating and Details row (built in)
Most blocks
10
Settings (23)
Image banner settings
SettingType and defaultWhat it does
LayoutOptions: Image beside text, Text over a full-width image, Text only. Default: Image beside text
ImageImageUse a portrait image for the split layout and a landscape image for full width. Set the focal point in the image editor to control the crop. Shows when Layout is not “Text only”.
Show first on mobileOptions: Image, Text. Default: ImageShows when Layout is “Image beside text”.
Image beside text
Image positionOptions: Right, Left. Default: RightShows when Layout is “Image beside text”.
Image widthOptions: Wide, Narrow. Default: WideShows when Layout is “Image beside text”.
Image ratioOptions: Portrait, 4:5; Tall, 3:4; Square, 1:1; Landscape, 3:2. Default: Portrait, 4:5On desktop the image fills the height of the text beside it, so the ratio sets its smallest height. Phones show a 4:3 band. Shows when Layout is “Image beside text”.
Show figure captionCheckbox, on by defaultShows when Layout is “Image beside text”.
Image captionTextLeave empty to use the image's alt text. Screen readers then hear the description once, from the caption. Shows when Layout is “Image beside text” and Show figure caption is on.
Full-width image
HeightOptions: Small, Medium, Large. Default: MediumShows when Layout is “Text over a full-width image”.
Text positionOptions: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right. Default: Bottom leftShows when Layout is “Text over a full-width image”.
Text backgroundOptions: None, tint the image; Solid panel. Default: None, tint the imageA solid panel keeps text readable on any image. Shows when Layout is “Text over a full-width image”.
Image tint40 to 90 %, default 65 %Tints the image with the color scheme's background color. Lower values show more of the image but can leave text unreadable over bright photos. Shows when Layout is “Text over a full-width image”.
Show layout gridCheckbox, off by defaultDraws the 12-column layout grid as fine lines behind this section on larger screens. Shows when Layout is not “Text over a full-width image”.
Lab result tag
Lab result tag on the imageCheckbox, off by defaultA small tag on the image with one measured value, such as a lab result. It shows only when it has a value and the banner has an image. Shows when Layout is not “Text only”.
ProductProductUsed with the lab result tag: shows the first potency result of this product's newest lab batch. Leave empty to type a value below. How to set it up
LabelTextShows when Layout is not “Text only” and Lab result tag on the image is on.
ValueTextShows when Layout is not “Text only” and Lab result tag on the image is on.
DescriptionTextShows when Layout is not “Text only” and Lab result tag on the image is on.
Tag positionOptions: Top left, Top right, Bottom left, Bottom right. Default: Bottom rightWith a focal point set on the image, the tag lines up with it and a leader line runs to it from this side. On phones the tag sits on the bottom corner away from the focal point. Shows when Layout is not “Text only” and Lab result tag on the image is on.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 0 px
Bottom padding0 to 160 px, default 0 px
Show divider aboveCheckbox, off by default

Rating

A product's star rating and review count from its rating metafields, then a short text. Nothing shows for a product without reviews.

Kind
Only inside Image banner.
Settings (2)
Rating settings
SettingType and defaultWhat it does
ProductProductShows the product's star rating and review count, which your reviews app adds to the product. With no reviews the line is hidden on your store, text included.
TextTextShown after the rating, for example "on Magnesium Glycinate".

Details row

The row of details in the banner. It holds Detail blocks.

Kind
Built into Image banner. You edit its settings, but you can't remove it or add another.
Takes
Detail
Settings (0)
Details row settings
SettingType and defaultWhat it does
A row of short labeled details above the heading, such as an edition, a product count or the latest batch.
Detail

One label and value: typed text, a product's latest lab batch, or a number of products.

Kind
Only inside Details row.
Settings (5)
Detail settings
SettingType and defaultWhat it does
LabelText
ShowOptions: Custom text, A product's latest batch, Number of products. Default: Custom text
TextTextLeave empty to hide this detail. Shows when Show is “Custom text”.
ProductProductUsed when Show is set to a product's latest batch: the batch code, test date and status of its newest lab batch. How to set it up
CollectionCollectionUsed when Show is set to Number of products. Leave empty to count every product in your store.

Image with text

An image or video beside any theme blocks. The Image with specifications preset adds a specification list.

In the Add section picker
Image with text (Banners), Image with specifications (Banners)
Where
Any template. Not in the header or footer. In the theme as shipped: About page.
Blocks
Heading, Text, Button, Image, Icon with text, List item, Key figure, Group, Divider, Spacer, Custom Liquid and app blocks
Settings (14)
Image with text settings
SettingType and defaultWhat it does
ImageImage
VideoVideoReplaces the image and plays with its own controls.
Image ratioOptions: Natural; Portrait, 4:5; Tall, 3:4; Square, 1:1; Landscape, 3:2. Default: Portrait, 4:5
Round image cornersCheckbox, off by default
Show figure captionCheckbox, on by default
Image captionTextDescribe what the image shows. Leave empty to use the image's alt text. Shows when Show figure caption is on.
Layout
Image positionOptions: Left, Right. Default: Left
Image widthOptions: Narrow, Half, Wide. Default: Half
Vertical alignmentOptions: Top, Middle, Bottom. Default: Middle
Show first on mobileOptions: Image, Text. Default: Image
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Slideshow

Full-width slides, each with an image, heading, text and two buttons. Slides change by hand, or automatically with a pause button.

In the Add section picker
Slideshow (Banners)
Where
Any template. Not in the header or footer.
Blocks
Slide
Most blocks
6
Settings (9)
Slideshow settings
SettingType and defaultWhat it does
WidthOptions: Full width, Page width. Default: Full width
HeightOptions: Small, Medium, Large, Match the first image. Default: Medium
Change slides automaticallyCheckbox, off by defaultVisitors can pause it. It never moves for visitors who reduce motion, or in the theme editor.
Change slides every4 to 10 s, default 6 sShows when Change slides automatically is on.
Slideshow nameTextRead out by screen readers, for example "New products".
Color schemeColor scheme, default Scheme 4Slide text uses the scheme's text color over a tint of its background color.
Padding
Top padding0 to 160 px, default 0 px
Bottom padding0 to 160 px, default 16 px
Show divider aboveCheckbox, off by default

Slide

One slide: image, heading, text and two buttons.

Kind
Only inside Slideshow.
Settings (12)
Slide settings
SettingType and defaultWhat it does
ImageImageUse a landscape image at least 2000 pixels wide. Set the focal point to keep the subject in view on phones.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading sizeOptions: Display, Extra large, Large. Default: Extra large
TextFormatted text
First button labelText
First button linkLinkThe button shows on your store once it has a link.
Second button labelText
Second button linkLinkThe button shows on your store once it has a link.
Layout
Text positionOptions: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right. Default: Bottom left
Text backgroundOptions: None, tint the image; Solid panel. Default: None, tint the imageA solid panel keeps text readable on any image.
Image tint0 to 90 %, default 65 %Tints the image with the color scheme's background color. Lower values show more of the image but can leave text unreadable over bright photos.

Video

A YouTube, Vimeo or uploaded video with a cover image, description and caption.

In the Add section picker
Video (Banners)
Where
Any template. Not in the header or footer.
Settings (19)
Video settings
SettingType and defaultWhat it does
YouTube or Vimeo linkYouTube or Vimeo linkThe video loads only when a visitor presses play.
Uploaded videoVideoPlays instead of the YouTube or Vimeo link.
Play uploaded video automaticallyCheckbox, off by defaultPlays muted and on a loop, with a pause button. It stays still for visitors who reduce motion. Shows when Uploaded video is set.
Cover imageImageShown until the video plays. Use a frame from the video.
Video descriptionTextDescribe the video for screen reader users, for example "How we test each batch, 2 minutes".
CaptionText
Aspect ratioOptions: Wide, 16:9; Landscape, 3:2; Square, 1:1; Portrait, 4:5. Default: Wide, 16:9
WidthOptions: Page width, Full width. Default: Page width
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Full width, Hidden. Default: Full widthFull width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Collections

Collections, goals and product grids for any page.

Collection list

The collections you choose, as cards with images or as compact links with thumbnails, with optional product counts and descriptions.

In the Add section picker
Collection list (Collections), Collection links (Collections)
Where
Any template. Not in the header or footer.
Settings (19)
Collection list settings
SettingType and defaultWhat it does
CollectionsCollections
StyleOptions: Cards with images, Compact links with thumbnails. Default: Cards with images
Columns on desktop2 to 6, default 4Shows when Style is “Cards with images”.
Layout on mobileOptions: Swipe row, Grid. Default: Swipe rowShows when Style is “Cards with images”.
Columns on mobileOptions: 1, 2. Default: 2Shows when Style is “Cards with images” and Layout on mobile is “Grid”.
Image ratioOptions: Portrait, 4:5; Square, 1:1; Landscape, 3:2. Default: Portrait, 4:5Shows when Style is “Cards with images”.
Show product countCheckbox, on by default
Show collection descriptionCheckbox, off by defaultShows when Style is “Cards with images”.
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Full width, Hidden. Default: Full widthFull width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Product cards from one collection. The Collection tabs preset shows several collections as tabs, one Collection tab block each.

In the Add section picker
Featured collection (Collections), Collection tabs (Collections)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page.
Blocks
Collection tab
Most blocks
6
Settings (16)
Featured collection settings
SettingType and defaultWhat it does
CollectionCollectionIgnored when the section has collection tabs.
Products to show2 to 16, default 8
Columns on desktop2 to 5, default 4
Layout on mobileOptions: Swipe row, Grid. Default: Swipe row
Columns on mobileOptions: 1, 2. Default: 2Shows when Layout on mobile is “Grid”.
Dividers between productsCheckbox, on by defaultProducts sit in cells with dividers between them instead of open cards.
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Full width, Hidden. Default: Full widthFull width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted textShows when Heading layout is not “Hidden”.
Show "View all" linkCheckbox, on by defaultA link to the collection at the right of the heading. Shows when Heading layout is not “Hidden”.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 80 px
Bottom padding0 to 160 px, default 80 px
Show divider aboveCheckbox, off by default

Collection tab

One tab: a collection and its tab label.

Kind
Only inside Featured collection.
Settings (2)
Collection tab settings
SettingType and defaultWhat it does
CollectionCollection
Tab labelTextLeave empty to use the collection title.

Shop by goal

Shop by goal: numbered rows linking to your goal collections, each with its key ingredients, product count and an image that changes as shoppers move down the list. Rows come from Goal blocks, the section's Collections, or Theme settings > Goals. An optional closing row under the list links to your quiz or a guide page; it shows once it has a link.

In the Add section picker
Shop by goal (Collections)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page.
Blocks
Goal
Most blocks
12
Settings (18)
Shop by goal settings
SettingType and defaultWhat it does
CollectionsCollectionsLeave empty to use Theme settings > Goals. Key ingredients and marker colors come from collection metafields. How to set them up
Show key ingredientsCheckbox, on by defaultShows each collection's Key ingredients metafield, or the key ingredients typed in a goal block.
Show product countCheckbox, on by default
Show imageCheckbox, on by defaultWith four or more collections, the image fills the height of the list and changes as visitors move through it. With up to three, each collection shows as an image tile.
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingTextLeave empty to use "Shop by goal", or "Shop by collection" while no goals are chosen.
Heading layoutOptions: Full width, Stacked, Hidden. Default: Full widthFull width suits grids. Stacked keeps the heading in the content column. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultRows are then numbered after the section, like 1.1 and 1.2. Shows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted textShows when Heading layout is not “Hidden”.
Link labelTextShows when Heading layout is not “Hidden”.
LinkLinkShows when Heading layout is not “Hidden”.
Closing link
A last row under the list, for a quiz or a guide page.
HeadingText
Link labelText
LinkLinkThe row shows once it has a link.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 80 px
Bottom padding0 to 160 px, default 80 px
Show divider aboveCheckbox, off by default

Goal

One goal row: a collection, with an optional heading, key ingredients, accent color and image that replace the collection's own.

Kind
Only inside Shop by goal.
Settings (5)
Goal settings
SettingType and defaultWhat it does
CollectionCollection
HeadingTextLeave empty to use the collection title.
Key ingredientsTextLeave empty to use the collection's Key ingredients metafield. How to set it up
Accent colorColorColors the small goal marker. Leave empty to use the collection's Accent color metafield.
ImageImageLeave empty to use the collection image.

Products

Product sections you can add to any page, and the sections that sell subscriptions and the quiz.

The gallery and buy box of one product you choose, on any page. It takes the same blocks as Product information, so the product chapters can sit here too.

In the Add section picker
Featured product (Products)
Where
Any template. Not in the header or footer.
Blocks
any theme block and app blocks
Settings (15)
Featured product settings
SettingType and defaultWhat it does
ProductProduct
Show link to the product pageCheckbox, on by default
Layout
Desktop layoutOptions: Wide media, Equal columns. Default: Wide media
Media position on desktopOptions: Left, Right. Default: Left
Keep product details in view while scrollingCheckbox, off by defaultDesktop. Product details stay in view while the gallery scrolls. Details taller than the screen stick by their bottom edge.
Media
Gallery layoutOptions: Stacked figures, Thumbnails. Default: ThumbnailsStacked shows every media as a figure; two media share a row only when they have the same shape. On mobile, both layouts become a swipe carousel with a counter.
Media shapeOptions: Natural, Square, Portrait. Default: NaturalNatural keeps each image's own shape, so nothing is cropped.
Media fitOptions: Fit inside, Fill and crop. Default: Fit insideShows when Media shape is not “Natural”.
Show figure captionsCheckbox, off by defaultUses each image’s alt text as its figure caption. Leave off when alt text is written only for screen readers.
Open images in a zoom viewCheckbox, on by default
Loop videosCheckbox, off by default
Color scheme
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 64 px
Show divider aboveCheckbox, off by default

Quiz

The product finder quiz: an introduction, questions with answers, then suggested products ranked from the answers, with an order summary that adds them all to the cart.

In the Add section picker
Quiz (Products)
Where
Any template. Not in the header or footer. In the theme as shipped: Quiz page.
Blocks
Question
Most blocks
12
Settings (19)
Quiz settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
TextFormatted text
Start button labelText
Time estimateTextFor example, how long the quiz takes. Leave empty to hide it.
ReassuranceText
ImageImageShown beside the introduction. Without an image, the questions are listed there instead.
Results
Results headingText
Results textFormatted text
Products to suggestCollectionThe quiz suggests products from this collection, plus any products picked on answers. Leave empty to use all products.
Products to consider4 to 50, default 24
Leave out products with this tagTextFor example bundle, so a routine never lists the same product twice.
Number of suggestions2 to 4, default 3
Show order summaryCheckbox, on by defaultLets shoppers choose one-time or subscription once and add every suggestion in one step.
Reassurance noteFormatted textShown under the results.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Question

One question with its Quiz answer blocks, answer layout and ranking weight.

Kind
Only inside Quiz.
Settings (7)
Question settings
SettingType and defaultWhat it does
QuestionText
Help textTextShown under the question. Questions that allow more than one answer say so when this is empty.
Allow more than one answerCheckbox, off by default
Answer layoutOptions: List, Grid. Default: ListGrid suits answers with images.
Ranking
Weight0 to 5, default 1Multiplies the points this question gives products. Use 3 for the question about the main goal, or 0 to leave a question out of the ranking.
Use this question to pick the first resultCheckbox, off by defaultThe first suggestion matches the answer chosen here. When no product matches it, the results say so.
Treat its filters as a preferenceCheckbox, off by defaultFor a question about formats. If its filters would leave no match for the first-result question, the best match stays first and its result says how it differs, such as "Comes as capsules".
Quiz answer

One answer and the products it suggests: picked products, a collection or a tag, with optional filters.

Kind
Only inside Question.
Settings (11)
Quiz answer settings
SettingType and defaultWhat it does
AnswerText
DescriptionText
ImageImageUse the grid layout on the question for answers with images.
ValueTextUsed in links that preselect an answer on the first question, such as ?q1=sleep. Leave empty to use the answer in lowercase with hyphens.
Clear the other answers when chosenCheckbox, off by defaultFor answers such as "None of these" on a question that allows more than one answer.
Results
Products picked here count most, then products in the collection, then products with the tag. The question weight multiplies these points. A tag on its own adds points but does not suggest a product.
Short labelTextShown in each result's "Matches" line, for example "falling asleep". Leave empty to use the answer.
Suggest these productsProducts
Suggest products from this collectionCollection
Suggest products with this tagTextProduct tags are set in Shopify admin.
Only suggest products with this tagCheckbox, off by defaultFor needs such as a vegan diet or a format. Answers in one question widen the results; answers in different questions narrow them. When no product passes, the closest matches show with a note. Shows when Suggest products with this tag is set.
Note with the resultsTextShown with the results when this answer is chosen, for example a reminder to check with a pharmacist.

Quiz call to action

A short prompt that leads into the quiz: heading, text, the quiz's first question as answer chips, a button and reassurance lines. It needs a page that uses the quiz template.

In the Add section picker
Quiz call to action (Products)
Where
Any template. Not in the header or footer.
Blocks
Reassurance and First question (built in)
Most blocks
3
Settings (10)
Quiz call to action settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Centered, Hidden. Default: CenteredCentered suits a closing call to action. Hidden keeps it for screen readers.
TextText
Button labelText
Quiz pagePageThe page that uses the quiz template. The button opens it, and each answer opens it with that answer chosen. Without a quiz page the section stays hidden.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Reassurance

One short line under the button.

Kind
Only inside Quiz call to action.
Settings (1)
Reassurance settings
SettingType and defaultWhat it does
TextTextShown with the other reassurance points as one line of small text under the button. Leave empty to hide it.

First question

The quiz's first question, shown as answer chips.

Kind
Built into Quiz call to action. You edit its settings, but you can't remove it or add another.
Settings (3)
First question settings
SettingType and defaultWhat it does
Add the answers to the quiz's first question to this block. Each answer opens the quiz page with that answer chosen.
QuestionTextUse the same wording as the first question in your quiz.
Show how customers answeredCheckbox, off by defaultOnly use shares from your own quiz results.
Note under the answersTextShows when Show how customers answered is on.
Answer link

One answer chip that opens the quiz with that answer chosen.

Kind
Only inside First question.
Settings (3)
Answer link settings
SettingType and defaultWhat it does
AnswerTextUse the same wording as in the quiz.
Answer valueTextThis answer's value in the quiz's first question. When it matches no answer there, the link opens the quiz at question 1 with nothing chosen. Leave empty to use the answer in lowercase, with hyphens.
Share of customersNumberOptional percentage, shown when the First question block shows how customers answered.

Routine builder

Routine builder: shoppers pick products and sizes and add them all to the cart in one step. Products come from the section's product list, a collection, or all products. The summary shows the cost per day: Per day of use in both modes, each price divided by the days it lasts, capped at the next delivery for a subscribed line. Short lines are named beside that figure. The first unmatched subscription add shows Not added yet and asks for a fix or Add anyway. The selected variant's quantity limits set the smallest legal count; totals, supply and cart additions use that count.

In the Add section picker
Routine builder (Products)
Where
Any template. Not in the header or footer. In the theme as shipped: Routine builder page.
Settings (13)
Routine builder settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
TextFormatted text
Products
ProductsProducts
CollectionCollectionUsed when no products are picked above.
Products to show from the collection2 to 24, default 12
Summary
Summary headingText
Discount messageTextShown in the summary. The theme does not apply discounts: create a matching automatic discount in Shopify admin under Discounts. The cart then shows it.
Products the discount needs0 to 6, default 0Tells shoppers how many more products to add. Use 0 to hide the count. Shows when Discount message is set.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Subscription steps

How a subscription works: steps on a scale of days, a savings calculator for one product's subscription plans with the price per day, and an optional preview of the delivery slip.

In the Add section picker
Subscription steps (Products)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page.
Blocks
Subscription step and Delivery slip (built in)
Most blocks
6
Settings (23)
Subscription steps settings
SettingType and defaultWhat it does
OpeningOptions: Heading row, Image split. Default: Heading rowImage split shows the lead image beside the calculator on screens 990px and wider. Phones leave it out. Without a lead image the heading row shows.
Lead imageImagePortrait, 2:3, 960px wide or more. Shows when Opening is “Image split”.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: StackedLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Timeline
Steps sit at equal spacing. Give two steps in a row a day, such as Day 25 and Day 30, and the line between them shows the gap (5 days). A step with no day, such as Any time, gets a dashed line.
Note under the timelineText
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims. Shows when Note under the timeline is set.
Savings calculator
ProductProductLeave empty to use the first product with subscription plans. With a Servings metafield, each cadence shows units per delivery and the price per day.
Calculator headingTextLeave empty to use the product and variant name.
Show price per dayCheckbox, on by defaultShows when the product has a Servings metafield: each delivery's price divided by the days it lasts.
Shipping text, one-time ordersTextLeave both shipping fields empty to hide the row. Only enter what your shipping rates charge.
Shipping text, subscriptionsText
Note under the calculatorTextLeave empty to say: Yearly totals count whole deliveries at today's prices.
Button labelTextLinks to the product page with the chosen plan selected. When a delivery holds more than one, the button says how many to get. Leave empty to hide the button.
Show delivery slipCheckbox, on by defaultAn example delivery at the cadence the calculator shows.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Subscription step

One step. A label with a day number, such as Day 25, places it on the scale.

Kind
Only inside Subscription steps.
Settings (4)
Subscription step settings
SettingType and defaultWhat it does
LabelTextA short marker such as Day 30. Days in neighbouring steps label the line between them with the gap. Leave the number out for a step with no date, such as Any time.
HeadingText
TextTextOne line under the heading.
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Delivery slip

A preview of the next delivery slip, which follows the plan chosen in the calculator.

Kind
Built into Subscription steps. You edit its settings, but you can't remove it or add another.
Settings (3)
Delivery slip settings
SettingType and defaultWhat it does
An example delivery at the cadence the calculator shows, dated today plus that cadence. The line about managing a subscription follows Theme settings > Subscriptions > Subscription management link.
HeadingText
ActionsText, several linesWhat customers can do with a subscription in your subscription app, one per line, such as Skip a delivery. Leave empty to list none.
CaptionTextLeave empty to use: Example delivery, priced from the [product] plan.

Science

Sections that show product data: lab results, ingredients and timelines.

Ingredient trace

A card per ingredient: name, dose, form, source, origin and why it is in the formula. Cards come from a product's Ingredients metafield, or from Ingredient card blocks. It can open with a full-width lead image.

In the Add section picker
Ingredient trace (Science)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page and Science page.
Blocks
Ingredient card
Most blocks
12
Settings (19)
Ingredient trace settings
SettingType and defaultWhat it does
OpeningOptions: Heading row, Image band. Default: Heading rowImage band sets the lead image across the page with the heading over one side, then the cards. Without a lead image the heading row shows.
Lead imageImageLandscape, 2400px wide or more, with a calm area on one side for the heading. The heading sits on a shade of the section's background so it stays readable. Shows when Opening is “Image band”.
Heading sideOptions: Left, Right. Default: LeftShows when Opening is “Image band”.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: StackedLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Cards
ProductProductShows the ingredients in the product's Ingredients metafield. When it has none, the Ingredient card blocks show. On a product page, leave empty to use that product.
Columns on desktopOptions: 2, 3, 4. Default: 3
Image ratioOptions: Square, 1:1; Portrait, 4:5; Landscape, 3:2. Default: Square, 1:1When any ingredient has no image, every card shows a 4:3 name tag with its source and origin instead.
Note under the cardsText
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims. Shows when Note under the cards is set.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWith the image band, this is the space between the photograph and the cards.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Ingredient card

One ingredient card typed into the section.

Kind
Only inside Ingredient trace.
Settings (9)
Ingredient card settings
SettingType and defaultWhat it does
ImageImageWhen any card has no image, every card shows a name tag with its source and origin instead, so the set matches.
Image captionTextDescribes the image. Leave empty to use the name and origin.
IngredientText
DoseTextAs on the label, for example 200 mg (48% DV).
FormText
SourceTextUp to the first comma shows large on the name tag, so start with the botanical name, for example: Withania somnifera root, organically grown.
OriginText
Why it is thereText
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Lab results

A list of tested batches beside the certificate of analysis of the chosen batch, with a batch code lookup. Batches come from Lab batch blocks, from the Lab batches metafield of the products you choose, or from the store's newest Lab batch entries. With more than three batches the list shows the three newest and a button that opens the rest, labelled with the count, such as 6 batches shown. A batch code typed into the lookup shows that batch's result card in the certificate's place: batch, product, test date, status, results and Open certificate. The certificate shows as a summary with the full certificate one tap away, or in full.

In the Add section picker
Lab results (Science)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page and Science page.
Blocks
Lab batch
Most blocks
12
Settings (18)
Lab results settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Use the heading as the page titleCheckbox, off by defaultTurn on when this is the first section of a page, so the heading is the page's main heading.
Heading layoutOptions: Left with line above, Left, Full width, Large, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Batches
ProductsProductsLists the newest batches from each product's Lab batches field. Leave empty to list the store's own lab batches: it shows the newest of your 50 most recent batches. Lab batch blocks replace this list.
Batches to list1 to 12, default 6With more than three, the list shows the three newest and an All batches button. Without products, it uses the newest of your 50 most recent batches.
CertificateOptions: Summary, full certificate on request; Full certificate. Default: Summary, full certificate on requestThe summary shows the test date, status and how each test panel came out, with the full certificate one tap away.
Show batch lookupCheckbox, on by defaultShoppers enter the code from their package to open its certificate. The lookup searches every lab batch in the store.
CaptionTextShown under the certificate.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 4
Certificate color schemeColor scheme, default Scheme 2A light scheme keeps the certificate readable like a printed report on a dark section.
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Lab batch

One batch, chosen by its batch code as printed on the package.

Kind
Only inside Lab results.
Settings (1)
Lab batch settings
SettingType and defaultWhat it does
Batch codeTextAs printed on the package, for example MG-24118. The batch must exist in Content > Metaobjects > Lab batch.

Results timeline

What to expect over time, as steps on a timeline. Steps come from a product's Timeline metafield, or from Timeline step blocks.

In the Add section picker
Results timeline (Science)
Where
Any template. Not in the header or footer.
Blocks
Timeline step
Most blocks
8
Settings (15)
Results timeline settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Steps
ProductProductShows the steps in the product's Timeline metafield. When it has none, the Timeline step blocks show. On a product page, leave empty to use that product.
Current step1 to 8, default 1Steps after this one are muted. With motion allowed, the line fills as shoppers scroll.
Note under the timelineText
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims. Shows when Note under the timeline is set.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Timeline step

One step: time label, heading, text and footnote.

Kind
Only inside Results timeline.
Settings (4)
Timeline step settings
SettingType and defaultWhat it does
Time labelText
HeadingText
TextText
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Social proof

Figures, comparisons, survey results and quotes.

Comparison table

A table that compares your product with up to two other columns, one Comparison row block per row. Your column is highlighted, and every mark has a text equivalent. On phones the table stacks, so nothing scrolls sideways.

In the Add section picker
Comparison table (Social proof)
Where
Any template. Not in the header or footer.
Blocks
Comparison row
Most blocks
16
Settings (20)
Comparison table settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Columns
Table captionTextRead by screen readers. Leave empty to use the heading.
Show caption above the tableCheckbox, off by default
First column headingText
Your columnTextHighlighted. Leave empty to use the store name.
Tag above your columnText
Second columnText
Third columnTextLeave empty to compare two columns.
Note under the tableTextSay what you compared and when.
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims. Shows when Note under the table is set.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Comparison row

One row: the feature, then a symbol and text for each column.

Kind
Only inside Comparison table.
Settings (8)
Comparison row settings
SettingType and defaultWhat it does
FeatureText
DetailText
Your column
SymbolOptions: Yes, No, Partly, No mark. Default: No markShown in this column
TextTextA short qualifier after the symbol, for example Third-party, every batch. When no row has one, your column narrows and the symbols are centered.
Second column
SymbolOptions: Yes, No, Partly, No mark. Default: No markShown in this column
TextText
Third column
SymbolOptions: Yes, No, Partly, No mark. Default: No markShows when the section names a third column.
TextText

Figures with sources

Large numbers with what each one measures, the sample it comes from and a footnote for its source (Evidence stat blocks), with an optional note on method.

In the Add section picker
Figures with sources (Social proof)
Where
Any template. Not in the header or footer.
Blocks
Evidence stat
Most blocks
8
Settings (14)
Figures with sources settings
SettingType and defaultWhat it does
Each figure carries its source: a footnote or a source line under the number. For headline numbers without sources, use Key figures.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Columns on desktopOptions: 2, 3, 4. Default: 3
Note under the figuresTextSay where the figures come from and when they were last updated.
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims. Shows when Note under the figures is set.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Evidence stat

One figure: number, unit, what it measures, what it is based on and a footnote.

Kind
Only inside Figures with sources.
Settings (6)
Evidence stat settings
SettingType and defaultWhat it does
Use figures you can source, and name the source in the footnote. Without a figure, a long dash shows.
FigureTextPlain numbers such as 120 or 4.8 count up when shoppers scroll to them.
UnitText
What it measuresText
Based onTextWhat the figure covers, such as how many people were asked and when.
FootnoteTextThe source of the figure. Listed in the notes at the end of the page.
Use the accent colorCheckbox, off by default

Key figures

A row of large numbers, one Key figure block each, such as servings, doses or customers served. A figure without a number is hidden on the store and shows a sample in the theme editor. The About page template uses it.

In the Add section picker
Key figures (Social proof)
Where
Any template. Not in the header or footer. In the theme as shipped: About page.
Blocks
Key figure
Most blocks
4
Settings (12)
Key figures settings
SettingType and defaultWhat it does
Add up to four figures, each counting something customers can check. A figure without a number is hidden on the store and shows a sample in the editor.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingTextWith the heading layout set to hidden, the heading is still read out by screen readers.
Heading layoutOptions: Full width, Hidden. Default: HiddenFull width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted textShows when Heading layout is not “Hidden”.
Link labelTextShows when Heading layout is not “Hidden”.
LinkLinkShows when Heading layout is not “Hidden”.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 0 px
Bottom padding0 to 160 px, default 0 px
Show divider aboveCheckbox, on by default
Show divider belowCheckbox, on by default

Outcomes

Results of a customer survey as a bar chart, always labeled as self-reported, beside up to six customer quotes. The Survey chart block holds the chart's heading, sample size, method note and its Outcome rows.

In the Add section picker
Outcomes (Social proof)
Where
Any template. Not in the header or footer.
Blocks
Testimonial and Survey chart (built in)
Most blocks
6
Settings (11)
Outcomes settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Testimonial

One customer quote, with star rating, name, detail, product, portrait and a From a verified order checkbox.

Kind
Only inside Outcomes and Testimonials.
Settings (7)
Testimonial settings
SettingType and defaultWhat it does
QuoteText, several linesUse the customer's own words, with their permission.
Star rating0 to 5, default 0The rating the customer gave. 0 hides the stars.
NameText
DetailTextFor example the product they use. Only state facts you can confirm.
ProductProduct
PortraitImage
From a verified orderCheckbox, off by defaultOnly turn on when the quote comes from a customer whose order you can confirm. Shows Verified order.

Survey chart

The survey chart: its heading, the product or group surveyed, the number of respondents, the method note and the labels for starting values and results. It holds Outcome row blocks.

Kind
Built into Outcomes. You edit its settings, but you can't remove it or add another.
Settings (7)
Survey chart settings
SettingType and defaultWhat it does
The chart is always labeled as a self-reported survey. Only show figures from a survey you ran, and say how in the method note. Add an Outcome row for each answer you report.
Chart headingText
Product or group surveyedTextFor example the product name.
Number of respondentsNumberShown as n = 120.
Method noteTextWho was asked, when and how. Shown as a footnote.
Label for starting valuesTextUsed when a row has a starting value. Leave empty to use Before.
Label for resultsTextLeave empty to use After.
Caption under the chartTextFor example: Self-reported answers. Individual results vary.
Outcome row

One outcome: what was measured, the result as a percentage and an optional starting value.

Kind
Only inside Survey chart.
Settings (3)
Outcome row settings
SettingType and defaultWhat it does
OutcomeText
Result0 to 100 %, default 50 %Share of respondents, from your survey.
Starting valueNumberOptional. The share at the start of the survey, from 0 to 100.

Testimonials

Customer quotes as a grid or a scrolling row, with an optional rating summary from a product's review metafields. Takes Testimonial blocks, app blocks and Custom Liquid.

In the Add section picker
Testimonials (Social proof)
Where
Any template. Not in the header or footer.
Blocks
Custom Liquid, app blocks and Testimonial
Most blocks
12
Settings (14)
Testimonials settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Rating summary from productProductShows the product's average rating and review count from its rating metafields, which a reviews app fills. Leave empty to hide.
LayoutOptions: Grid, Carousel. Default: Grid
Columns on desktopOptions: 2, 3. Default: 3
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

Text

Text, questions, logos and scrolling phrases.

FAQ

Questions and answers in an accordion, with a contact prompt beside them. Questions come from FAQ question blocks, or from the FAQ metafield of the page or of a product. Group heading blocks split the questions into topics, such as Orders and shipping, so one section holds the whole page and one set of FAQ structured data for search engines.

In the Add section picker
FAQ (Text)
Where
Any template. Not in the header or footer. In the theme as shipped: Science page and FAQ page.
Blocks
FAQ question and Group heading
Most blocks
50
Settings (18)
FAQ settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Large, Stacked, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Use Large once a page. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultQuestions are numbered after the section number, such as 3.1. Shows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
LayoutOptions: Two columns, Stacked. Default: Two columns
Questions
SourceOptions: Blocks, Page metafield, Product metafield. Default: BlocksA page or product's FAQ metafield lists questions and answers. When it is empty, the blocks are used.
ProductProductUsed when Source is Product metafield. On a product page, the page's product is used when this is empty.
Open the first questionCheckbox, off by defaultApplies to questions from a metafield. For blocks, use each block's Open by default setting. Shows when Source is not “Blocks”.
Add FAQ structured dataCheckbox, on by defaultHelps search engines show the questions. Use one FAQ section per page with this on: group its questions with Group heading blocks instead of adding sections.
Contact prompt
HeadingText
TextText
Link labelText
LinkLinkLeave empty to use the page at /pages/contact, or the store's email address.
Section
Anchor linkTextLets a menu link jump to this section, for example /pages/science#lab-results. Use lowercase letters and hyphens.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.
Bottom padding0 to 160 px, default 96 pxWhen the background color changes between two sections, each keeps at least 64px of space, whatever this setting says.

FAQ question

One question and its answer.

Kind
Only inside FAQ.
Settings (3)
FAQ question settings
SettingType and defaultWhat it does
QuestionText
AnswerFormatted text
Open by defaultCheckbox, off by default

Group heading

A topic heading between questions, such as Orders and shipping. The questions after it, up to the next group heading, belong to it.

Kind
Only inside FAQ.
Settings (1)
Group heading settings
SettingType and defaultWhat it does
HeadingTextThe questions after this block, up to the next group heading, are listed under it.

Logo list

Logos of press, retailers or certifiers in a row, or with a quote each (Press quotes preset). One Logo block per logo.

In the Add section picker
Logo list (Text), Press quotes (Text)
Where
Any template. Not in the header or footer.
Blocks
Logo
Most blocks
12
Settings (15)
Logo list settings
SettingType and defaultWhat it does
LayoutOptions: Logos in a row, Quotes with logos. Default: Logos in a row
Columns on desktop2 to 6, default 5
Logo height24 to 96 px, default 40 px
Show logos in one colorCheckbox, on by defaultRemoves color from logo images. On dark color schemes the logos are also inverted, so use logos on a transparent background.
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Full width, Hidden. Default: Full widthFull width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 64 px
Show divider aboveCheckbox, off by default

One logo with a name, link and optional quote.

Kind
Only inside Logo list.
Settings (4)
Logo settings
SettingType and defaultWhat it does
Logo imageImageUse a .png or .svg file with a transparent background.
NameTextUsed as the logo's alternative text, and shown as text when there is no image.
LinkLink
QuoteText, several linesShown in the quotes layout. Only use quotes you have permission to share.

Multicolumn

Columns of image, heading and text, one Column block each, or rows like a specification table (Specification list preset).

In the Add section picker
Multicolumn (Text), Specification list (Text)
Where
Any template. Not in the header or footer. In the theme as shipped: About page.
Blocks
Column
Most blocks
12
Settings (15)
Multicolumn settings
SettingType and defaultWhat it does
LayoutOptions: Columns; Rows, like a specification table. Default: Columns
Columns on desktop2 to 4, default 3Shows when Layout is “Columns”.
Number the entriesCheckbox, on by default
Image ratioOptions: Square, 1:1; Portrait, 4:5; Landscape, 3:2. Default: Landscape, 3:2Applies to images added to the entries. Shows when Layout is “Columns”.
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Link labelText
LinkLink
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Column

One column: image, heading, text, figure and link.

Kind
Only inside Multicolumn.
Settings (6)
Column settings
SettingType and defaultWhat it does
ImageImageOptional. Images show in the columns layout only.
HeadingText
TextFormatted text
FigureTextA dose, a count or a time, set in the data type, for example 200 mg.
Link labelText
LinkLink

Rich text

Headings, text and buttons from any theme blocks, stacked or with the heading beside the text.

In the Add section picker
Rich text (Text), Rich text with side heading (Text)
Where
Any template. Not in the header or footer. In the theme as shipped: About page.
Blocks
Heading, Text, Button, Image, Icon with text, List item, Key figure, Group, Divider, Spacer, Custom Liquid and app blocks
Settings (8)
Rich text settings
SettingType and defaultWhat it does
LayoutOptions: Stacked, Heading beside the text. Default: StackedWith the heading beside the text, the first block sits in the left column on desktop.
AlignmentOptions: Left, Center. Default: LeftShows when Layout is “Stacked”.
Content widthOptions: Narrow, Medium, Wide. Default: MediumShows when Layout is “Stacked”.
Line above the textCheckbox, off by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Scrolling text

Phrases that scroll across the page, one Phrase block each, with a separator, speed and direction. It stops moving for visitors who turn on reduced motion.

In the Add section picker
Scrolling text (Text)
Where
Any template. Not in the header or footer.
Blocks
Phrase
Most blocks
12
Settings (9)
Scrolling text settings
SettingType and defaultWhat it does
Text styleOptions: Large headline, Small label. Default: Large headline
SeparatorOptions: Dot, Slash, Short line, None. Default: Dot
SpeedOptions: Slow, Medium, Fast. Default: MediumVisitors can pause the text. It stays still for visitors who reduce motion.
DirectionOptions: Left, Right. Default: Left
Lines above and below the textCheckbox, on by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 0 px
Bottom padding0 to 160 px, default 0 px
Show divider aboveCheckbox, off by default

Phrase

One phrase, with an optional link.

Kind
Only inside Scrolling text.
Settings (2)
Phrase settings
SettingType and defaultWhat it does
TextText
LinkLink

Forms

Email signup.

Contact form

A contact form with name, email and message, optional phone and order number fields, and Contact detail blocks beside it.

In the Add section picker
Contact form (Forms)
Where
Any template. Not in the header or footer. In the theme as shipped: Contact page.
Blocks
app blocks, Custom Liquid and Contact detail
Settings (10)
Contact form settings
SettingType and defaultWhat it does
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
TextFormatted text
Form fields
Show phone number fieldCheckbox, on by default
Show order number fieldCheckbox, on by default
Message help textTextShown under the message field. Leave blank to use the default text.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 48 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Contact detail

One contact detail, such as email, phone or address, or your own text.

Kind
Only inside Contact form.
Settings (6)
Contact detail settings
SettingType and defaultWhat it does
ShowOptions: Store email, Store phone, Store address, Opening hours, Custom. Default: CustomEmail, phone and address come from your store details in Shopify admin.
IconOptions: Chat, Question, Delivery, Returns, Lab, Calendar. Default: ChatShows when Show is “Custom”.
HeadingTextLeave blank to use the default for the type.
TextFormatted text
Link labelText
LinkLink

Email signup

An email signup form that adds subscribers to your Shopify customers, with text under the form and a link to your privacy policy.

In the Add section picker
Email signup (Forms)
Where
Any template. Not in the header or footer.
Settings (11)
Email signup settings
SettingType and defaultWhat it does
Signups are added to your customer list with the "newsletter" tag and accept email marketing.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Left with line above, Left, Centered, Hidden. Default: CenteredLeft aligns with the content below. Centered suits a closing call to action. Hidden keeps it for screen readers.
Show section numberCheckbox, off by defaultShows when Label is set, Heading layout is neither “Centered” nor “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Text under the formFormatted textSay how often you send email. The link to your privacy policy follows it.
Link to your privacy policyCheckbox, on by defaultUses the privacy policy in Settings > Policies. Nothing shows until you add one.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Blog

Articles on any page.

Blog posts

Recent articles from one blog, as a grid or a lead story, with optional images, excerpts, author and date.

In the Add section picker
Blog posts (Blog)
Where
Any template. Not in the header or footer. In the theme as shipped: Home page.
Settings (19)
Blog posts settings
SettingType and defaultWhat it does
BlogBlogLeave empty to show the News blog that every store starts with.
LayoutOptions: Grid, Lead story. Default: Lead storyLead story puts the newest article beside the heading, with the next articles in a row below.
Articles to show2 to 8, default 4
Columns on desktop2 to 4, default 3Shows when Layout is “Grid”.
Show imagesCheckbox, on by default
Show excerptCheckbox, on by default
Show authorCheckbox, on by default
Show dateCheckbox, on by default
Heading
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
HeadingText
Heading layoutOptions: Full width, Stacked, Hidden. Default: Full widthFull width suits grids. Stacked keeps the heading in the content column. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultShows when Label is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted textShows when Heading layout is not “Hidden”.
Link labelTextShows when Heading layout is not “Hidden”.
LinkLinkLeave empty to link to the blog. Shows when Heading layout is not “Hidden”.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 80 px
Bottom padding0 to 160 px, default 80 px
Show divider aboveCheckbox, off by default

Layout

Blank sections you build from blocks, and your own code.

Custom Liquid

Your own Liquid or HTML as a section, for embeds and code from apps.

In the Add section picker
Custom Liquid (Layout)
Where
Any template. Not in the header or footer.
Settings (6)
Custom Liquid settings
SettingType and defaultWhat it does
Liquid codeLiquid codeAdd app snippets or other code to make advanced customizations.
Use the full page widthCheckbox, off by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 48 px
Bottom padding0 to 160 px, default 48 px
Show divider aboveCheckbox, off by default

Section

A blank section you build from any theme blocks and app blocks, stacked or side by side, with an optional background image.

In the Add section picker
Blank section (Layout), Two columns (Layout), Banner with background (Layout)
Where
Any template. Not in the header or footer.
Blocks
any theme block and app blocks
Settings (12)
Section settings
SettingType and defaultWhat it does
Arrange blocksOptions: Stacked, Side by side. Default: StackedSide by side applies from tablet width. Use group blocks to build each column.
Content widthOptions: Narrow, Page width, Full width. Default: Page width
Horizontal alignmentOptions: Left, Center, Right. Default: Left
Vertical alignmentOptions: Top, Middle, Bottom. Default: Top
Space between blocks0 to 96 px, default 24 px
Minimum heightOptions: Fit content, Small, Medium, Large. Default: Fit content
Background
Background imageImageSet the focal point in the image editor to control the crop.
Image tint0 to 90 %, default 45 %Tints the image with the color scheme's background color. Lower values show more of the image but can leave text unreadable over bright photos. Shows when Background image is set.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Product page

The sections of the product template.

Product details

Product details: the chapters under the buy box, such as Supplement Facts, Compliance disclaimer, Ingredients (product), How to take, Lab results (product), Reviews and FAQ (product). Each chapter reads the product's metaobject entry, else its own settings, which can connect to product fields, and hides when it has nothing. A chapter with one item shows as a row in one Specifications table, which also lists the product's category fields; when How to take is such a row, its safety note prints under the table. A product with none of this data, such as a shirt, gets a Specifications table of its category, type, vendor (when it differs from the store name) when it has two rows. Show category, type and vendor controls those rows; Include product options is off by default. A lone Specifications chapter has no number. In the theme editor, one Product data notice counts blocks with content, explains shared template text, and keeps next steps in a closed Show blocks disclosure.

In the Add section picker
Product details (Products)
Where
Only on product templates. In the theme as shipped: Default product and Bundle product.
Blocks
Supplement Facts, Ingredients (product), How to take, Results timeline, Lab results (product), Reviews, FAQ (product), Complementary products, Compliance disclaimer, any theme block and app blocks
Settings (7)
Product details settings
SettingType and defaultWhat it does
Show category, type and vendorCheckbox, on by defaultAdds a Specifications table from the product’s standard fields when no product data block has content.
Include product optionsCheckbox, off by defaultThe variant picker already lists them. Shows when Show category, type and vendor is on.
Color schemeColor scheme, default Scheme 1
Space between blocks32 to 160 px, default 72 px
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Product information

The gallery and buy box of the product page. It holds the product blocks (title, price, variant picker, purchase options, buy buttons and more) and app blocks, with an optional page index bar and a sticky add to cart bar. The gallery shows the selected variant's image first.

In the Add section picker
Product information. Listed first, without a category.
Where
Only on product templates. In the theme as shipped: Default product and Bundle product.
Blocks
any theme block and app blocks
Settings (16)
Product information settings
SettingType and defaultWhat it does
Layout
Desktop layoutOptions: Wide media, Equal columns. Default: Wide media
Media position on desktopOptions: Left, Right. Default: Left
Keep product details in view while scrollingCheckbox, on by defaultDesktop. Product details stay in view while the gallery scrolls. Details taller than the screen stick by their bottom edge.
Show breadcrumbsCheckbox, on by default
Media
Gallery layoutOptions: Stacked figures, Thumbnails. Default: Stacked figuresStacked shows every media as a figure; two media share a row only when they have the same shape. On mobile, both layouts become a swipe carousel with a counter.
Media shapeOptions: Natural, Square, Portrait. Default: NaturalNatural keeps each image's own shape, so nothing is cropped.
Media fitOptions: Fit inside, Fill and crop. Default: Fit insideShows when Media shape is not “Natural”.
Show figure captionsCheckbox, off by defaultUses each image’s alt text as its figure caption. Leave off when alt text is written only for screen readers.
Open images in a zoom viewCheckbox, on by default
Loop videosCheckbox, off by default
Sticky bars
Show page index barCheckbox, on by defaultDesktop. Shows under the header whenever the add to cart button is out of view, with links to the sections below, the price and an add to cart button.
Show sticky add to cart barCheckbox, on by defaultMobile. Shows at the bottom of the screen whenever the add to cart button is out of view, with the image, title, selected option and price.
Color scheme
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 24 px
Bottom padding0 to 160 px, default 64 px
Show divider aboveCheckbox, off by default

Related products

One rail of products: the complementary products you choose in the Search and Discovery app first, tagged Pairs with, then the related products Shopify picks, without duplicates. One or two products show as wide cards. It loads as the shopper scrolls near it and stays hidden when there are none.

In the Add section picker
Related products (Products)
Where
Only on product templates. In the theme as shipped: Default product and Bundle product.
Settings (13)
Related products settings
SettingType and defaultWhat it does
Complementary products you choose in the Search and Discovery app come first, tagged Pairs with, then the related products Shopify picks. Hidden when there are none.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Centered, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
TextFormatted text
Link labelText
LinkLink
Products
Maximum products to show2 to 10, default 4
Columns on desktop2 to 5, default 4
Layout on mobileOptions: Swipe row, Grid. Default: Swipe row
Columns on mobileOptions: 1 column, 2 columns. Default: 2 columnsShows when Layout on mobile is “Grid”.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 96 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Page templates

Sections that make up a template. Most can only be used on their own template.

Activate account

The page where a customer activates an account and sets a password.

Where
Part of the Activate account template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (4)
Activate account settings
SettingType and defaultWhat it does
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

All collections

The page that lists all collections, as cards with images, product counts and descriptions.

Where
Part of the Collections list template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (13)
All collections settings
SettingType and defaultWhat it does
Show breadcrumbsCheckbox, on by default
HeadingTextLeave blank to use the translated word "Collections".
TextFormatted text
Grid
Collections per page6 to 48, default 24
Columns on desktop2 to 4, default 3
Columns on mobileOptions: 1, 2. Default: 2
Image ratioOptions: Square, 1:1; Portrait, 4:5; Landscape, 3:2. Default: Portrait, 4:5
Show product countCheckbox, on by default
Show description excerptCheckbox, on by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 24 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Article

The blog post template: title, byline with author and reviewer, dates, reading time, featured image, table of contents, share links, author bio, products mentioned, related articles and comments.

In the Add section picker
Article. Listed first, without a category.
Where
Only on blog post templates. In the theme as shipped: Blog post.
Blocks
app blocks and Custom Liquid
Settings (25)
Article settings
SettingType and defaultWhat it does
Show breadcrumbsCheckbox, on by default
Show excerpt below the titleCheckbox, on by defaultShows the article excerpt under the title.
Byline
Show authorCheckbox, on by defaultUses the entry in the article’s Author metafield when it is set, otherwise the staff account that wrote the article.
Show reviewerCheckbox, on by default
Reviewer nameTextUsed when an article has no entry in its Reviewed by metafield. Connect a metafield here to set it per article. Shows when Show reviewer is on.
Reviewer credentialsTextShows when Show reviewer is on.
Show datesCheckbox, on by default
Show reading timeCheckbox, on by defaultEstimated at 220 words per minute.
Image
Show featured imageCheckbox, on by default
Image ratioOptions: Natural; Landscape, 3:2; Wide, 16:9. Default: Wide, 16:9Shows when Show featured image is on.
Show captionCheckbox, on by defaultUses the image's alt text. Shows when Show featured image is on.
Reading tools
Show table of contentsCheckbox, on by defaultBuilt from the article's headings. Shows when there are at least two.
Headings to listOptions: Main headings, Main headings and subheadings. Default: Main headingsShows when Show table of contents is on.
Show share linksCheckbox, on by default
Show author bioCheckbox, on by defaultShown when the author has a bio, a role or credentials.
Products mentioned
HeadingTextLeave blank to use “Products mentioned”.
ProductsProductsLeave empty to use the products in the article’s Related products metafield.
Related articles
HeadingTextLeave blank to use “Keep reading”.
Number of articles0 to 3, default 3Articles that share a tag with this one come first.
Comments
Show commentsCheckbox, on by defaultComments also need to be turned on for the blog in Shopify admin.
Comments per page5 to 50, default 10Shows when Show comments is on.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 40 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Blog

The blog template: an introduction, a topic filter built from article tags, and the articles, with the newest one optionally featured.

In the Add section picker
Blog. Listed first, without a category.
Where
Only on blog templates. In the theme as shipped: Blog.
Settings (15)
Blog settings
SettingType and defaultWhat it does
Show breadcrumbsCheckbox, on by default
LabelTextSmall text above the title. Leave blank to show the number of articles.
IntroductionFormatted textShows under the blog title. One or two sentences that tell readers what the blog covers.
Show topic filterCheckbox, on by defaultLists the tags used on the blog's articles as links.
Articles
LayoutOptions: Grid, List. Default: Grid
Feature the newest articleCheckbox, on by defaultShows the first article large on the first page.
Articles per page3 to 24, default 10
Show imagesCheckbox, on by default
Show excerptsCheckbox, on by default
Show authorCheckbox, on by default
Show dateCheckbox, on by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 40 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Cart

The cart page: cart lines with suggested products under them, headed by the section's Heading (Add to your order unless you change it), and an order summary with free shipping progress, discounts, the estimated total, checkout buttons and the order note.

Where
Part of the Cart template. It is not in the Add section picker, so it can't be added elsewhere.
Blocks
app blocks and Custom Liquid
Settings (7)
Cart settings
SettingType and defaultWhat it does
Show accelerated checkout buttonsCheckbox, on by defaultShows the wallets turned on in Settings > Payments, such as Shop Pay and Apple Pay.
Goal links in the empty cart come from Theme settings > Goals.
Goal list headingTextLeave blank for "Shop by goal", or "Shop by collection" while no goals are chosen.
Recommendations
HeadingTextShown over the products suggested under the cart lines. Turn suggestions on or off in Theme settings > Cart. Shows when Theme settings > Cart > Show recommendations is on.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 40 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Collection banner

The top of a collection page: breadcrumbs, the collection title, description and image, and optional Statistic blocks, such as the number of products.

In the Add section picker
Collection banner. Listed first, without a category.
Where
Only on collection templates. In the theme as shipped: Default collection.
Blocks
Statistic
Settings (9)
Collection banner settings
SettingType and defaultWhat it does
Show breadcrumbsCheckbox, on by default
Emphasized wordsTextSet these words of the collection title in italic. Separate them with commas; each must match a word in the title exactly.
Show collection descriptionCheckbox, on by default
Show collection imageCheckbox, on by defaultUses the image set on the collection in Shopify admin.
Image ratioOptions: Natural; Square, 1:1; Portrait, 4:5; Landscape, 3:2; Wide, 16:9. Default: Landscape, 3:2On large screens tall images are cropped so products stay near the top of the page. Shows when Show collection image is on.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 24 px
Bottom padding0 to 160 px, default 0 px
Show divider aboveCheckbox, off by default

Statistic

A figure beside the collection title: a value you type, or the number of products in the collection.

Kind
Only inside Collection banner.
Settings (3)
Statistic settings
SettingType and defaultWhat it does
ShowOptions: Custom value, Number of products. Default: Custom value
ValueTextA figure customers can check. Leave blank to show a dash, or choose "Number of products" to count them. Shows when Show is “Custom value”.
LabelText

Customer account

The customer account page with the order history and a subscriptions card. The card links to Theme settings > Subscriptions > Subscription management link when it is set.

Where
Part of the Customer account template. It is not in the Add section picker, so it can't be added elsewhere.
Blocks
app blocks and Custom Liquid
Settings (7)
Customer account settings
SettingType and defaultWhat it does
Orders per page5 to 25, default 10
Subscriptions card
HeadingText
TextFormatted text
The "Manage subscriptions" link comes from Theme settings > Subscriptions > Subscription management link. Without it, the card tells customers to use the link in their subscription emails.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 48 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Customer addresses

A customer's saved addresses, with forms to add, edit and delete them.

Where
Part of the Customer addresses template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (4)
Customer addresses settings
SettingType and defaultWhat it does
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 48 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Customer login

Customer sign-in, with the password recovery form.

Where
Part of the Customer login template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (5)
Customer login settings
SettingType and defaultWhat it does
Intro textTextLeave blank to use the default text.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Customer order

One order in the customer account, with an Order again button.

Where
Part of the Customer order template. It is not in the Add section picker, so it can't be added elsewhere.
Blocks
app blocks and Custom Liquid
Settings (5)
Customer order settings
SettingType and defaultWhat it does
Show order again buttonCheckbox, on by defaultAdds every available item from the order to the cart, with its subscription plan.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 48 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Customer registration

The create account form, with an optional email signup checkbox.

Where
Part of the Create account template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (6)
Customer registration settings
SettingType and defaultWhat it does
Intro textTextLeave blank to use the default text.
Show email signup checkboxCheckbox, on by defaultCustomers who check it agree to receive marketing emails.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Page

The page template's main content: title, label, the page content with its first paragraph as a larger summary, and an optional table of contents built from its headings.

In the Add section picker
Page. Listed first, without a category.
Where
Only on page templates. In the theme as shipped: Default page, About page, Contact page, Science page and FAQ page.
Blocks
app blocks and Custom Liquid
Settings (10)
Page settings
SettingType and defaultWhat it does
Show breadcrumbsCheckbox, on by default
Show page titleCheckbox, on by defaultWhen hidden, the title is still read by screen readers.
Show the first paragraph as a summaryCheckbox, on by defaultSets the page's first paragraph under the title in the larger summary size, as on collection and blog pages. Shows when Show page title is on.
LabelTextShort text above or beside the heading, such as a topic. With Theme settings > Layout > Section numbering on, only headings with a label get a number.
Show table of contentsCheckbox, on by defaultBuilt from the page's headings and shown beside the text on desktop. Shows when there are at least two.
Headings to listOptions: Main headings, Main headings and subheadings. Default: Main headingsShows when Show table of contents is on.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 40 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Page not found

The page not found template: a heading, text and your goal links, so shoppers can carry on browsing.

In the Add section picker
Page not found. Listed first, without a category.
Where
Only on 404 templates. In the theme as shipped: 404 page.
Settings (8)
Page not found settings
SettingType and defaultWhat it does
HeadingTextLeave blank to use “This page went missing.”
TextFormatted textLeave blank to use the default text.
Figure captionTextShown under the chart. Leave blank to use the default text.
Goal links
HeadingTextLeave blank for “Shop by goal”, or “Shop by collection” until goals are chosen in Theme settings > Goals.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Password page

The password page shown while the store is closed: heading, newsletter signup and image. Visitors with the password enter it in a dialog.

In the Add section picker
Password page. Listed first, without a category.
Where
Only on password templates. In the theme as shipped: Password.
Settings (11)
Password page settings
SettingType and defaultWhat it does
LabelTextShown above the heading.
HeadingTextLeave blank to use the store name. The message for visitors from Online Store > Preferences shows under the heading.
Newsletter
Show newsletter signupCheckbox, on by default
HeadingTextShows when Show newsletter signup is on.
TextFormatted textShows when Show newsletter signup is on.
Image
ImageImageOptional. Shown beside the signup form.
Image captionTextShows when Image is set.
Color schemeColor scheme, default Scheme 1
Password dialog color schemeColor scheme, default Scheme 2
Padding
Top padding0 to 160 px, default 24 px
Bottom padding0 to 160 px, default 24 px

Product grid

The product grid of a collection: filters, sorting, pagination and a goal navigation row above the grid. Promotion and Routine blocks sit between the products; Custom Liquid and app blocks are also available.

Where
Part of the Default collection template. It is not in the Add section picker, so it can't be added elsewhere.
Blocks
app blocks, Custom Liquid, Promotion and Routine
Most blocks
10
Settings (17)
Product grid settings
SettingType and defaultWhat it does
Products per page8 to 48, default 12
Columns on desktop2 to 4, default 3
Columns on mobileOptions: 1, 2. Default: 2Shows when Theme settings > Product cards > Layout on mobile is not “Rows”.
Grid styleOptions: Ruled cells, Open. Default: Ruled cells
PaginationOptions: Page numbers, Load more button. Default: Page numbers
Goal navigation
Goal collectionsCollectionsLeave empty to use Theme settings > Goals. Shown as a scrolling row above the grid.
Navigation nameTextRead by screen readers. Leave blank to use "Shop by goal".
Show "All" linkCheckbox, on by default
Show collection imagesCheckbox, on by default
Filtering and sorting
Enable filteringCheckbox, on by defaultChoose which filters show with the Shopify Search and Discovery app.
Filter layout on desktopOptions: Sidebar, Drawer. Default: SidebarShows when Enable filtering is on.
Enable sortingCheckbox, on by default
Show grid and list toggleCheckbox, on by default
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 16 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

Custom Liquid

Your own Liquid among the products.

Kind
Only inside Product grid.
Settings (1)
Custom Liquid settings
SettingType and defaultWhat it does
Liquid codeLiquid codeAdd app snippets or other code to make advanced customizations. Shows above the product grid.

Promotion

A promotion, as a band across the grid or a tile in it, at the position you choose.

Kind
Only inside Product grid.
Settings (10)
Promotion settings
SettingType and defaultWhat it does
LayoutOptions: Band across the grid, Tile in the grid. Default: Band across the gridA tile stays one cell only while every row of products stays full. Otherwise it shows as a band.
Position in grid1 to 24, default 4A tile goes before this product, a band after the row that holds it. Promotions show on the first page when no filters are applied.
ImageImageShows beside the text in the band layout.
LabelText
HeadingText
TextFormatted text
Button labelText
Button linkLinkThe promotion shows only when it has a link and a button label.
Button styleOptions: Primary, Secondary, Text link. Default: Primary
Color schemeColor scheme, default Scheme 4

Routine

A card that suggests a routine of products you pick, at the position you choose.

Kind
Only inside Product grid.
Settings (7)
Routine settings
SettingType and defaultWhat it does
Position in grid1 to 24, default 7The routine spans the grid after the row that holds this product. It shows on the first page when no filters are applied.
LabelText
HeadingText
TextFormatted text
ProductsProductsUp to three. Shoppers can add them all to the cart at once.
Button labelText
Color schemeColor scheme, default Scheme 3

Reset password

The form where a customer chooses a new password.

Where
Part of the Reset password template. It is not in the Add section picker, so it can't be added elsewhere.
Settings (4)
Reset password settings
SettingType and defaultWhat it does
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 64 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

The search results page: the search form, result type tabs, products with filters and sorting, articles and pages. A search for a batch code shows that batch's certificate card first.

Where
Part of the Search template. It is not in the Add section picker, so it can't be added elsewhere.
Blocks
app blocks and Custom Liquid
Settings (16)
Search results settings
SettingType and defaultWhat it does
Emphasized wordsTextSet these words of the results title in italic. Separate them with commas; each must match a word in the title exactly.
Results per page8 to 48, default 48Each result type shows its count when all results fit on one page.
Show result type tabsCheckbox, on by defaultLinks that limit the results to products, articles or pages.
Products
Columns on desktop2 to 4, default 3
Columns on mobileOptions: 1, 2. Default: 2Shows when Theme settings > Product cards > Layout on mobile is not “Rows”.
Enable filteringCheckbox, on by defaultChoose which filters show with the Shopify Search and Discovery app.
Filter layout on desktopOptions: Sidebar, Drawer. Default: SidebarShows when Enable filtering is on.
Enable sortingCheckbox, on by default
Articles
Show article imagesCheckbox, on by default
Suggestions
Suggested searchesTextSeparate searches with commas. Shown before a search and when nothing matches. Leave blank to show the popular searches from Theme settings > Search.
Lab results pageLinkShown as a link above the results when a search asks for lab results or certificates. Leave blank to hide it.
Goal links before a search and when nothing matches come from Theme settings > Goals.
Goal list headingTextLeave blank for "Shop by goal", or "Shop by collection" while no goals are chosen.
Color schemeColor scheme, default Scheme 1
Padding
Top padding0 to 160 px, default 40 px
Bottom padding0 to 160 px, default 96 px
Show divider aboveCheckbox, off by default

The header and footer groups and the footnotes, shared by every page.

Announcement bar

Short messages above the header, one Announcement block each. One at a time rotates the messages, with pause, previous and next buttons; Columns sets them side by side on desktop.

In the Add section picker
Announcement bar. Listed first, without a category.
Where
Only in the header group. In the theme as shipped: Header.
Blocks
Announcement
Most blocks
6
Settings (5)
Announcement bar settings
SettingType and defaultWhat it does
Color schemeColor scheme, default Scheme 4
LayoutOptions: One at a time, Columns. Default: One at a timeColumns show every message side by side on desktop and rotate on smaller screens.
Rotate messagesCheckbox, on by defaultRotation pauses on hover and focus, and stays off for visitors who prefer reduced motion.
Time per message4 to 12 s, default 6 sShows when Rotate messages is on.
Show close buttonCheckbox, off by defaultHides the bar for the rest of the visit.

Announcement

One message in the announcement bar, with an optional link.

Kind
Only inside Announcement bar.
Settings (4)
Announcement settings
SettingType and defaultWhat it does
TextText
LinkLink
Link labelTextShown as a link after the text. Leave empty to make the whole message the link.
StyleOptions: Plain, Status. Default: PlainStatus adds a pulsing dot before the text. A code in the text, such as a batch number, is set in the data font.

The site footer: menu, brand, contact, newsletter, image card, Custom Liquid and app blocks, then an optional wordmark (full width on the home, collection and product pages, one smaller line on every other page) and a bottom row with the country/region and language selectors, payment icons in their own colors, policy links and the Shopify credit. The selectors show when the store sells in more than one country or language.

In the Add section picker
Footer. Listed first, without a category.
Where
Only in the footer group. In the theme as shipped: Footer.
Blocks
Custom Liquid, app blocks, Menu, Brand, Newsletter, Contact and Image card
Most blocks
12
Settings (11)
Footer settings
SettingType and defaultWhat it does
Color schemeColor scheme, default Scheme 4
Wordmark
Show wordmarkCheckbox, on by default
Wordmark textTextSet in the heading font. Leave empty to use the store name. Words of 4 to 12 letters fill it best. Home, collection and product pages show it full width; other pages show one smaller line. Shows when Show wordmark is on.
Bottom row
Show country/region selectorCheckbox, on by defaultShows when the store sells in more than one country.
Show language selectorCheckbox, on by defaultShows when the store has more than one language.
Show payment iconsCheckbox, on by default
Show Follow on ShopCheckbox, on by defaultLets customers follow the store in the Shop app. Needs Shop Pay to be turned on.
Show policy linksCheckbox, on by defaultWrite policies in Settings > Policies.
Show Shopify creditCheckbox, on by default
Padding
Top padding0 to 160 px, default 80 px
Bottom padding0 to 160 px, default 32 px

A menu column.

Kind
Only inside Footer.
Settings (2)
Menu settings
SettingType and defaultWhat it does
HeadingTextLeave empty to use the menu name. The Footer menu and Main menu show no heading when this is empty.
MenuMenu

Logo or store name, a heading, text and social media links.

Kind
Only inside Footer.
Settings (5)
Brand settings
SettingType and defaultWhat it does
Show logoCheckbox, off by defaultUses the logo from Theme settings > Logo, or the store name.
LabelText
HeadingText
TextFormatted textA sentence or two about your store. With no logo, label, heading or text, the column shows the store name.
Show social media linksCheckbox, on by defaultLinks come from Theme settings > Social media.

An email signup form with heading, text and consent text.

Kind
Only inside Footer.
Settings (5)
Newsletter settings
SettingType and defaultWhat it does
HeadingTextSet in the small heading style, like the other column headings.
LeadTextOptional line under the heading, in the heading font.
TextFormatted text
Button labelText
Consent textTextExplain what customers sign up for. You can link to your privacy policy.
Subscribers are added to your customer list with email marketing accepted and the tag newsletter.

Email, phone, address and opening hours, typed in or from the store's contact details.

Kind
Only inside Footer.
Settings (6)
Contact settings
SettingType and defaultWhat it does
HeadingText
EmailText
PhoneText
Use store contact detailsCheckbox, on by defaultShows the store's email and phone number from the store settings when the fields above are empty.
AddressText, several lines
Opening hoursText, several linesOne line per entry, such as Mon-Fri 9am-5pm.

An image with a label, heading, text and link.

Kind
Only inside Footer.
Settings (6)
Image card settings
SettingType and defaultWhat it does
ImageImage
LabelText
HeadingText
TextText
Link labelText
LinkLinkThe card shows once it has a link.

Footnotes

The numbered notes of the page, set as endnotes at the end of the main content, plus the compliance statement when a claim's asterisk needs it. The theme places it on every page itself, so it is not in the footer group and can't be moved or removed; it shows only on pages with footnote markers. Its one setting is the heading.

Where
Loaded on every page by the theme. It is not in the Add section picker.
Settings (1)
Footnotes settings
SettingType and defaultWhat it does
Shows on pages with footnote markers: their notes, then the Compliance statement if the page shows it nowhere else. Footnotes guide
HeadingText

Header

Logo, menu (mega menus or dropdowns), search, account and cart, and the country/region and language selectors, which are on by default and show when the store sells in more than one country or language. Each selector opens a non-modal list beside its button at every width, kept within the screen. Browsers without popover support use the native footer form. The country selector displays the full country name and currency. Menu image and Menu promo blocks add an image or a promotion to a mega menu. Below 990px the menu opens as a drawer.

In the Add section picker
Header. Listed first, without a category.
Where
Only in the header group. In the theme as shipped: Header.
Blocks
Menu image and Menu promo
Most blocks
8
Settings (15)
Header settings
SettingType and defaultWhat it does
Layout
Logo position on desktopOptions: Left, Center. Default: Center
Logo position on mobileOptions: Left, Center. Default: Left
Upload the logo and the inverse logo, and set the logo widths, in Theme settings > Logo.
MenuMenu
Menu styleOptions: Mega menu, Dropdown. Default: Mega menuMega menus show second-level links as columns, with the menu image and menu promo blocks beside them.
Sticky headerOptions: Off, On scroll up, Always. Default: On scroll up
Colors
Color schemeColor scheme, default Scheme 1
Transparent on the home pageCheckbox, off by defaultThe header sits over the first section of the home page and turns solid when the page scrolls. That section's content moves down to clear the header.
Transparent header colorsColor scheme, default Scheme 1Text and icons use this scheme's text color. Use the first section's color scheme, or one that contrasts with its image. Shows when Transparent on the home page is on.
Search
Popular searches are set in Theme settings > Search.
Search field textText
Collections headingTextShown above the collection list before customers type. Choose the collections in Theme settings > Goals.
Account and localization
Customer account menuMenuLinks in the account menu. The account icon shows when customer accounts are turned on.
Show country/region selectorCheckbox, on by defaultOn desktop, when the store sells in more than one country.
Show language selectorCheckbox, on by defaultOn desktop, when the store has more than one language.
Mobile menu
Show country/region and language selectorsCheckbox, on by default
Show social media linksCheckbox, on by defaultLinks come from Theme settings > Social media.

Menu image

An image with a link, shown in the mega menu of the menu item you choose.

Kind
Only inside Header.
Settings (9)
Menu image settings
SettingType and defaultWhat it does
Menu itemTextTop-level menu item to show this card under, such as Shop. If no item has this name, the card stays hidden and the editor lists it under the header. Leave empty for the first item with links.
CollectionCollection
ImageImageLeave empty to use the collection image.
Image ratioOptions: Portrait, 4:5; Square, 1:1; Landscape, 3:2. Default: Portrait, 4:5
LabelText
HeadingTextLeave empty to use the collection title.
TextText
LinkLinkLeave empty to link to the collection. The card shows once it has a collection or a link.
Show in mobile menuCheckbox, off by default

Menu promo

A promotion card with a button, shown in the mega menu of the menu item you choose.

Kind
Only inside Header.
Settings (9)
Menu promo settings
SettingType and defaultWhat it does
Menu itemTextTop-level menu item to show this card under, such as Shop. If no item has this name, the card stays hidden and the editor lists it under the header. Leave empty for the first item with links.
LabelText
HeadingText
DetailTextShown after the label, as in ROUTINE QUIZ · 2 MIN. Use it for a time or a price.
TextText
Button labelText
LinkLinkThe card shows once it has a link.
Color schemeColor scheme, default Scheme 3
Show in mobile menuCheckbox, on by default

Loaded by the theme

Sections the theme loads behind the scenes. They are not in the Add section picker and need no setup.

Batch lookup results

Answers batch code lookups for the batch lookup and the search dialog. It has no settings.

Where
Loaded by the theme when it is needed. It is not in the Add section picker.

No settings.

Cart drawer

The cart panel that opens over the page. It is used when Theme settings > Cart > Cart type is Drawer. What it shows follows Theme settings > Cart; its own Heading names the suggested products under the cart lines (Add to your order unless you change it). A suggested product with options, or one sold by subscription only, gets Choose options instead of Add.

Where
Loaded on every page by the theme. It is not in the Add section picker.
Settings (2)
Cart drawer settings
SettingType and defaultWhat it does
Choose the drawer or the cart page in Theme settings > Cart, where lines, note, recommendations and free shipping progress are set too. Goal links in the empty cart come from Theme settings > Goals.
Recommendations
HeadingTextLabels the product suggested under the cart lines. Turn suggestions on or off in Theme settings > Cart. Shows when Theme settings > Cart > Show recommendations is on.
Color schemeColor scheme, default Scheme 1

Localization lists

Loaded by the country/region and language selectors to list the countries and languages the first time a selector opens. It has no settings.

Where
Loaded by the theme when it is needed. It is not in the Add section picker.

No settings.

Pickup availability

Loaded by the Pickup availability block to list where the selected variant can be picked up.

Where
Loaded by the theme when it is needed. It is not in the Add section picker.

No settings.

Loaded by the search dialog to show suggestions as shoppers type. Its options are in Theme settings > Search, including Popular links and Popular searches, which show before shoppers type and when a search finds nothing. The search field text and the collections heading are in the Header section.

Where
Loaded by the theme when it is needed. It is not in the Add section picker.

No settings.

Quick add

Loaded by product cards to show a compact product form in a dialog, with the quantity beside the add to cart button. Theme settings > Product cards > Show quick add turns it on.

Where
Loaded by the theme when it is needed. It is not in the Add section picker.

No settings.

Blocks

Theme blocks can go in any section that takes theme blocks: Featured product, Product details, Product information, Section, and the Group block. Grouped by their category in the Add block picker. Blocks that only exist inside one section are listed with that section above.

Product blocks

Blocks that read the product of their section. Use them in Product information, Product details or Featured product. Elsewhere they show nothing, and the theme editor shows a notice.

Collapsible row

A row that opens to show text, a page's content, your shipping or refund policy from Settings > Policies, or for bundles the products in the product's Bundle products metafield. A policy row hides while the policy is empty. A Shipping policy row prints the free shipping threshold from Theme settings > Cart under its heading while free shipping is on (Show free shipping threshold).

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (7)
Collapsible row settings
SettingType and defaultWhat it does
HeadingText
IconOptions: None, Truck, Return, Box, Leaf, Flask, Shield, Calendar, Information, Question. Default: None
ContentOptions: Text, Page, Shipping policy, Refund policy, Bundle contents. Default: TextBundle contents lists the products in the product's Bundle products metafield. Policies come from Settings > Policies; the row is hidden while the policy is empty.
Show free shipping thresholdCheckbox, on by defaultPrints the threshold from Theme settings > Cart under the heading while free shipping is on there. Shows when Content is “Shipping policy”.
TextFormatted textShows when Content is “Text”.
PagePageUsed when Content is Page.
Open by defaultCheckbox, off by default

Complementary products

Pairs well with: the complementary products you set in Shopify's Search and Discovery app, as compact rows with an add button. Works on product templates only. The default product template leaves it out, because Related products already shows complementary products first; add it to the buy box for a short list beside the add to cart button.

Add it to
Featured product, Group, Product details, Product information and Section.
Settings (6)
Complementary products settings
SettingType and defaultWhat it does
Choose complementary products in the Search and Discovery app. On product pages the related products section already shows them first. Hidden when there are none.
HeadingOptions: Small, for the buy box; Large heading. Default: Small, for the buy box
Label in the page navigation barTextShort name in the bar that follows the reader down the product page. Leave it empty to keep this block out of the bar. Shows when Heading is “Large heading”.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width. Default: Full widthLeft aligns with the content below. Full width suits grids. Shows when Heading is “Large heading”.
Maximum products to show1 to 6, default 3
Show add buttonCheckbox, on by default

Compliance disclaimer

Shopify product disclosures for the buyer's region, then the store statement from Theme settings > Compliance unless a disclosure already gives it, plus optional text, with a label in the margin. Claims that end with an asterisk link to the statement, and while this block shows it the footer leaves out its own copy. With Only on supplement products on, the statement shows on supplement products and wherever a claim carries an asterisk. Place it under the Supplement Facts chapter.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (4)
Compliance disclaimer settings
SettingType and defaultWhat it does
Shows the product's disclosures for the buyer's region, then your statement from Theme settings > Compliance. Read more
Only on supplement productsCheckbox, on by defaultShows the store's statement on products with Supplement Facts or a category under Vitamins & Supplements. Claims marked with an asterisk always get it; disclosures always show.
LabelTextShort name in the margin beside the statement. Leave it empty for none.
Additional textFormatted textFor example, a note on use by children or a prescription requirement.
WidthOptions: Narrow, Full. Default: Narrow

Description

The product description, full or short, in body or large text.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (2)
Description settings
SettingType and defaultWhat it does
LengthOptions: Full, Short. Default: FullShort shows the first paragraph with a link to read the rest.
Text sizeOptions: Body, Large. Default: Body

FAQ (product)

The product's questions in an accordion, from the product's FAQ metafield, else Questions and answers, then Question and answer blocks, with optional FAQ structured data.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Takes
Question and answer
Settings (9)
FAQ (product) settings
SettingType and defaultWhat it does
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page. Leave it empty to keep this block out of the bar.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
TextFormatted text
Link labelText
LinkLink
Questions
Uses the FAQ metafield or Questions and answers, then question blocks. With one item, it shows as a row in the Specifications table. Setup guide
Questions and answersFormatted textShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Open the first questionCheckbox, off by default
Add FAQ structured dataCheckbox, on by defaultHelps search engines read the questions. Turn it off when another FAQ on the same page already provides it.

Question and answer

One question and answer, after the questions from the FAQ metafield.

Kind
Only inside FAQ (product).
Settings (2)
Question and answer settings
SettingType and defaultWhat it does
QuestionText
AnswerFormatted text

Formula details

Above the title: the formula number and goal on one line, then the form, dietary labels and certifications. On phones a short line sits above the title and the other details under the price.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (5)
Formula details settings
SettingType and defaultWhat it does
Show formula numberCheckbox, on by defaultUses the product's Formula number metafield. How to set it up
Show goalCheckbox, on by defaultUses the collection in the product's Goal metafield (with its Accent color), else a collection from Theme settings > Goals that holds the product, else the product's Health focus category metafield.
Show product formCheckbox, on by defaultUses the product's Food supplement form category metafield.
Show dietary labelsCheckbox, on by defaultUses the product's Dietary preferences category metafield, else the theme's Dietary metafield.
Show certificationsCheckbox, on by defaultUses the product's Product certifications and standards category metafield. GMP is spelled out as GMP-certified facility.

How to take

Directions from the product's Protocol metafield: amount, when (with a 24-hour dose clock), take with, pairs with, steps and caution, and a safety note. Without a Protocol entry it shows Directions, typed or connected to a product field. It can hold a Results timeline block.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Takes
Results timeline
Settings (8)
How to take settings
SettingType and defaultWhat it does
Uses the Protocol metafield, else Directions below. With one item, it shows as a row in the Specifications table. Setup guide
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page, and above the heading. Leave it empty to keep this block out of the bar.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultNumbers run in page order. Number the main parts only: four at most read well. Shows when Label in the page navigation bar is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Without a Protocol entry
DirectionsFormatted textShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Safety note
Safety noteTextSupplement products only. Shows on every supplement product using this template, below How to take or the Specifications table.
Show product cautionCheckbox, on by defaultAdds the Caution field of the product's Protocol entry to the safety note.

Ingredients (product)

One row per ingredient that explains its dose and form, with an image, then a Dietary row and a Free from row. Reads the Ingredients metafield, else Ingredient notes, else the ingredient names from the product's category; Ingredient row blocks add more rows.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Takes
Ingredient row
Settings (14)
Ingredients (product) settings
SettingType and defaultWhat it does
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page, and above the heading. Leave it empty to keep this block out of the bar.
HeadingText
Heading without dosesTextUsed when no ingredient has a dose or form, for example when the names come from the product's category.
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultNumbers run in page order. Number the main parts only: four at most read well. Shows when Label in the page navigation bar is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Uses the Ingredients metafield, else Ingredient notes, else the category. With one item, it shows as a row in the Specifications table. Setup guide
Ingredient notesFormatted textShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Free from
Show free from rowCheckbox, on by default
Row labelTextShows when Show free from row is on.
Row headingTextShows when Show free from row is on.
Free from listText, several linesOne item per line, for example Gluten or Artificial colors. Shows when Show free from row is on.
Show allergen statementCheckbox, on by defaultThe allergen statement of the product's Supplement Facts entry, or "Contains:" with the product's standard Allergen information. Shows when Show free from row is on.
Dietary row
Show dietary rowCheckbox, on by defaultA Dietary row with the product's Dietary preferences (set by its category in the admin) and the theme's dietary metafield, for example Vegan or Non-GMO.
Dietary row labelTextShows when Show dietary row is on.

Ingredient row

An ingredient row typed into the block, after the rows from the Ingredients metafield.

Kind
Only inside Ingredients (product).
Settings (8)
Ingredient row settings
SettingType and defaultWhat it does
LabelTextShort reason in the margin, for example Why 200 mg
IngredientText
DoseText
FormText
OriginText
Why this form and doseFormatted text
ImageImage
Image captionTextDescribe what the image shows. Leave it empty when the image is decorative.

Key actives

The key actives with dose and a % Daily Value bar, from the Supplement facts rows marked Key active, led by the ingredient the product title names first. It hides when fewer than two rows are marked.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Settings (2)
Key actives settings
SettingType and defaultWhat it does
Shows the Key active rows of the product's Supplement facts entry with their Daily Value bars, when there are two or more. How to set it up
HeadingTextLeave empty to show the numbers only.
Actives to show2 to 3, default 3

Lab results (product)

The product's lab batches, newest first, with the certificate of analysis of the chosen batch and a batch code lookup. Reads the Lab batches metafield. A supplement product without Lab batch entries gives one row in the Specifications table from Certificate link, Batch code and Released on, when they are set.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Settings (14)
Lab results (product) settings
SettingType and defaultWhat it does
Uses the Lab batches metafield, newest first. Without it, the settings below give one row in the Specifications table. Setup guide
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page, and above the heading. Leave it empty to keep this block out of the bar.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultNumbers run in page order. Number the main parts only: four at most read well. Shows when Label in the page navigation bar is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Content
IntroductionFormatted text
Without Lab batch entries
Certificate linkLinkShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Batch codeTextShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Released onTextShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Batches
Maximum batches1 to 12, default 6
Show batch code lookupCheckbox, on by default
Contact linkLinkA link under the batch lookup for shoppers who cannot find their batch, for example your contact page. Leave it empty to hide the link. Shows when Show batch code lookup is on.
Color schemeColor scheme, default Scheme 4A scheme that differs from the section's puts this block on a full-width band.
Certificate color schemeColor scheme, default Scheme 2

Price

The price with sale and compare-at prices, the subscription price when a plan is selected, unit price and price per serving (unless the variant picker already shows it), a sold out badge and the tax and shipping note.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (4)
Price settings
SettingType and defaultWhat it does
SizeOptions: Medium, Large. Default: Large
Show price per servingCheckbox, on by defaultUses the Servings metafield on the variant, else the product.
Show sold out badgeCheckbox, on by default
Show tax and shipping noteCheckbox, on by defaultSays when taxes are included and links to the shipping policy when you have one.

Rating and batch

Star rating and review count from the rating metafields review apps fill in, and the newest lab batch with its status.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (2)
Rating and batch settings
SettingType and defaultWhat it does
Stars and count come from the rating metafields review apps fill in, the batch from the newest Lab batches entry. How to set up lab batches
Show ratingCheckbox, on by default
Show current batchCheckbox, on by defaultLinks to the lab results further down the page when they are there.

Results timeline

Steps such as Week 1 or Day 90 on a timeline, from the product's Timeline metafield, then Step blocks, or from Timeline text (one step per line, such as Week 2 | text) when the product has no entries. It can sit on its own or inside How to take.

Add it to
Featured product, Group, How to take, Product details, Product information and Section.
In the theme as shipped
Default product
Takes
Step
Settings (9)
Results timeline settings
SettingType and defaultWhat it does
HeadingOptions: Large heading, Small heading, Hidden. Default: Large headingUse the small heading when this block sits inside How to take.
Label in the page navigation barTextShort name in the bar that follows the reader down the product page, and above the heading. Leave it empty to keep this block out of the bar. Shows when Heading is “Large heading”.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers. Shows when Heading is “Large heading”.
Show section numberCheckbox, off by defaultNumbers run in page order. Number the main parts only: four at most read well. Shows when Label in the page navigation bar is set, Heading layout is not “Hidden”, Theme settings > Layout > Section numbering is not “Off” and Heading is “Large heading”.
TextFormatted textShows when Heading is “Large heading”.
FootnoteTextShown as a numbered note. Keep an honest note here: results differ from person to person.
LayoutOptions: Horizontal when there is room, Always vertical. Default: Horizontal when there is room
Uses the Timeline metafield or Timeline text, then step blocks. With one item, it shows as a row in the Specifications table. Setup guide
Timeline textFormatted textShows on every product that uses this template. Connect a product metafield for per-product content. Guide

Step

One step, after the steps from the Timeline metafield.

Kind
Only inside Results timeline.
Settings (3)
Step settings
SettingType and defaultWhat it does
LabelText
HeadingText
TextFormatted text

Reviews

A chapter for your reviews app's block, or a Custom Liquid widget, with an optional rating summary from the rating metafields. It shows only when the app block shows something.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Takes
app blocks and Custom Liquid
Settings (6)
Reviews settings
SettingType and defaultWhat it does
Add your reviews app's block inside this block. It shows, with its entry in the page navigation bar, only when the app shows reviews.
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page. Leave it empty to keep this block out of the bar.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
TextFormatted text
Display
Show rating summaryCheckbox, on by defaultThe average rating and review count from the product's rating metafields, which most reviews apps fill in.
Set reviews in the theme's typeCheckbox, on by defaultGives review titles, texts and names inside the app's block the theme's fonts. Turn it off if your app's own styles look better.

SKU

The selected variant's SKU.

Add it to
Featured product, Group, Product details, Product information and Section.

No settings.

Supplement Facts

The Supplement Facts label as a table, the % Daily Value plot, the label version line and the label PDF link. Reads the product's Supplement facts metafield, or the selected variant's own label when it has one. On supplement products without an entry it prints Label rows, typed or connected to a product field, with Serving size and Servings per container, else Label image. Other products ignore these settings.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product
Settings (11)
Supplement Facts settings
SettingType and defaultWhat it does
Uses the Supplement Facts metafield (a variant's own entry first), else Label rows, else Label image. Setup guide
Heading
Label in the page navigation barTextShort name in the bar that follows the reader down the product page, and above the heading. Leave it empty to keep this block out of the bar.
HeadingText
Heading layoutOptions: Left with line above, Left, Full width, Hidden. Default: Full widthLeft aligns with the content below. Full width suits grids. Hidden keeps it for screen readers.
Show section numberCheckbox, on by defaultNumbers run in page order. Number the main parts only: four at most read well. Shows when Label in the page navigation bar is set, Heading layout is not “Hidden” and Theme settings > Layout > Section numbering is not “Off”.
TextFormatted text
Without a Supplement Facts entry
Label rowsFormatted textShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Serving sizeTextShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Servings per containerTextShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Label imageImageShows on every product that uses this template. Connect a product metafield for per-product content. Guide
Display
Show Daily Value plotCheckbox, on by defaultPlots the key ingredients against the Daily Value beside the label. Turn on Key active for those rows in the Supplement Facts entry; without them every row with a Daily Value shows.
Show label version lineCheckbox, on by defaultLabel version, Label updated and Label PDF from the Supplement Facts entry, under the plot.

Title

The product name, with the Product subtitle under it.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (2)
Title settings
SettingType and defaultWhat it does
SizeOptions: Large, Medium, Small. Default: Large
Show subtitleCheckbox, on by defaultUses the product's Product subtitle metafield, Shopify's standard definition. How to set it up

Vendor

The product's vendor.

Add it to
Featured product, Group, Product details, Product information and Section.
Settings (0)
Vendor settings
SettingType and defaultWhat it does
Shows the product's vendor, linked to a list of that vendor's products.

Purchase blocks

Blocks for the buy box: options, buttons, stock, delivery and assurance.

Buy buttons

Quantity selector, add to cart button and dynamic checkout buttons, plus the recipient form for gift cards.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (4)
Buy buttons settings
SettingType and defaultWhat it does
Show quantity selectorCheckbox, on by defaultQuantity rules and volume pricing from Shopify show beside it.
Show price on the buttonCheckbox, on by default
Show dynamic checkout buttonsCheckbox, on by defaultShows the payment methods available in your store, such as Shop Pay.
Show gift card recipient formCheckbox, on by defaultGift card products only. Shoppers can send the card to someone by email on a chosen date.

Guarantee

A guarantee with an icon, heading, text and link.

Add it to
Featured product, Group, Product details, Product information and Section.
Settings (6)
Guarantee settings
SettingType and defaultWhat it does
HeadingText
TextFormatted text
Link labelText
LinkLinkShows when Link label is set.
IconOptions: None, Shield, Return, Heart, Certificate. Default: Shield
StyleOptions: Plain, Outlined, Filled. Default: Outlined

Installments

Shop Pay Installments message for the selected variant. Shopify shows it only when installments are on for your store and the price is in range.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (0)
Installments settings
SettingType and defaultWhat it does
Shows the Shop Pay Installments banner when it's turned on in your payment settings and the price qualifies.

Inventory status

Stock message for the selected variant, from Shopify's inventory: in stock, low stock, or for a sold out variant its restock note, the next restock date and a nearby option that is in stock. Variants whose inventory isn't tracked show nothing. For back-in-stock alerts, add your back-in-stock app's block under Buy buttons.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (5)
Inventory status settings
SettingType and defaultWhat it does
Uses Shopify inventory; untracked variants show nothing. For back-in-stock alerts, add an app block under Buy buttons. Learn more
Low stock threshold1 to 50, default 10Shows low stock at or under this quantity.
Show how many are left when stock is lowCheckbox, on by default
Show in stockCheckbox, on by default
Show restock date for sold out variantsCheckbox, on by defaultUses the Restock note metafield on the variant or product, else the next incoming date from Shopify.
Suggest an option in stockCheckbox, on by defaultWhen the selected option is sold out, links to the nearest option in stock, such as another size.

Pickup availability

Whether the selected variant can be picked up, with a drawer that lists the locations. Needs local pickup set up in Shopify.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (0)
Pickup availability settings
SettingType and defaultWhat it does
Shows where the selected variant can be picked up, for locations with local pickup turned on.

Purchase options

One-time purchase and the subscription plans from your subscription app, with the cadence choice, tag and perks. One-time purchase comes first and is selected when the page loads, unless the product is sold by subscription only. The tag and perks are set in Theme settings > Subscriptions. It shows only for products with selling plans.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (0)
Purchase options settings
SettingType and defaultWhat it does
One-time purchase and your subscription app's plans. One-time comes first unless the product is subscription only. Learn more

Share

A share button: the device's share sheet where the browser has one, otherwise it copies the product link.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (1)
Share settings
SettingType and defaultWhat it does
Show labelCheckbox, on by default

Shipping note

A shipping line with an icon, the free shipping threshold when free shipping is on, and links to the shipping and refund policies. The default product templates leave it out, because their Shipping row already gives the threshold.

Add it to
Featured product, Group, Product details, Product information and Section.
Settings (5)
Shipping note settings
SettingType and defaultWhat it does
Show free shipping thresholdCheckbox, on by defaultUses the free shipping settings in Theme settings > Cart. Shows only when free shipping is turned on there and the shopper pays in your store currency.
TextTextFor example, when orders ship.
IconOptions: None, Truck, Box, Globe, Clock. Default: None
Link to the shipping policyCheckbox, off by default
Link to the refund policyCheckbox, on by default

Trust badges

Short assurance rows, one Trust item block each, such as lab testing, shipping and returns, from your own text or from live store details. In the Rows layout each row is an icon and one line led by its label, such as "Tested: Batch MG-24118..."; Compact shows icons and labels only.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Takes
Trust item
Settings (1)
Trust badges settings
SettingType and defaultWhat it does
LayoutOptions: Rows, Compact. Default: RowsCompact shows each item's icon and label only.

Trust item

One assurance row: label, text and icon, or live details (the newest lab batch, the free shipping threshold or the return policy).

Kind
Only inside Trust badges.
Settings (4)
Trust item settings
SettingType and defaultWhat it does
LabelText
DetailsOptions: Text only, Newest lab batch, Free shipping threshold, Refund policy link. Default: Free shipping thresholdLive details hide the row when the store hasn't set them up: the product's Lab batches metafield, free shipping in Theme settings > Cart, or a refund policy in Settings > Policies.
TextTextShown after the live details. Return windows and other terms appear only when you type them here.
IconOptions: None, Check mark, Flask, Certificate, Truck, Return, Leaf, Shield, Lock, Chat. Default: Check markShown in the compact layout.

Variant picker

Product options as swatches, option cards, chips or a dropdown, chosen per option: swatches when every value has a swatch; a dropdown with the Dropdown style or more than 12 values; option cards, with prices, for the option that changes the price when it has 6 values or fewer; chips for the rest and for short values such as S, M and L. Shows price per serving and serving size where they differ between options.

Add it to
Featured product, Group, Product details, Product information and Section.
In the theme as shipped
Default product and Bundle product
Settings (5)
Variant picker settings
SettingType and defaultWhat it does
StyleOptions: Cards, Dropdown. Default: Cards
Show swatchesCheckbox, on by defaultAn option shows as swatches when every value has a color or image set in Shopify admin; otherwise as cards with the value names.
Show price on cardsCheckbox, on by defaultPrices show only when the values of an option differ in price. Shows when Style is “Cards”.
Show price per servingCheckbox, on by defaultUses the Servings metafield on each variant. Shows only when the price per serving differs between values. Shows when Style is “Cards” and Show price on cards is on.
Show serving sizeCheckbox, on by defaultFrom the selected variant's Supplement facts entry, else the product's, beside the first option's name. How to set it up

Text blocks

Headings, text and figures for any section that takes theme blocks.

Heading

A heading with size, heading level and alignment.

Add it to
Featured product, Group, Image banner, Image with text, Product details, Product information, Rich text and Section.
In the theme as shipped
Home page and About page
Settings (4)
Heading settings
SettingType and defaultWhat it does
HeadingTextSet a word in italics to show it in the display italic.
SizeOptions: Display, Extra large, Large, Medium, Small, Extra small, Smallest. Default: Large
Heading levelOptions: Heading 1, Heading 2, Heading 3, Heading 4, Paragraph. Default: Heading 2For screen readers and search engines. Use one first-level heading per page, then nest the rest.
AlignmentOptions: Left, Center, Right. Default: Left

Icon with text

An icon beside a short line of text, with an optional footnote.

Add it to
Featured product, Group, Image banner, Image with text, Product details, Product information, Rich text and Section.
Settings (4)
Icon with text settings
SettingType and defaultWhat it does
IconOptions: None, Check mark, Flask, Certificate, Shield, Leaf, Capsule, Scoop, Drop, Truck, Box, Arrows in a circle, Calendar, Clock, Sun, Moon, Globe, Lock, Heart, Gift, Speech bubble, Envelope, Information. Default: Check mark
TextText
Text styleOptions: Small; Small, secondary color; Body. Default: Small
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Key figure

A large number with a unit, label, text and footnote, which can count up as it scrolls into view.

Add it to
Featured product, Group, Image with text, Key figures, Product details, Product information, Rich text and Section.
In the theme as shipped
About page
Settings (9)
Key figure settings
SettingType and defaultWhat it does
LabelText
NumberTextPlain numbers like 98 or 4.8 count up when they appear on screen. Leave empty to hide the figure on the store.
UnitTextFor example %, mg or days.
TextFormatted textSay what the figure counts, and use one customers can check. About 60 characters reads best on phones.
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.
SizeOptions: Small, Medium, Large. Default: Medium
AlignmentOptions: Left, Center. Default: Left
Use the accent colorCheckbox, off by defaultMarks the figure with a small square in the accent color. Use it on one figure at most.
Count upCheckbox, on by defaultOnly for visitors who allow motion. The final number is always in the page.

List item

A label, text and value on one line, with a marker and footnote, for specification lists.

Add it to
Featured product, Group, Image with text, Product details, Product information, Rich text and Section.
Settings (5)
List item settings
SettingType and defaultWhat it does
LabelText
TextText
ValueTextA dose, a count or a time, shown at the end of the row.
MarkerOptions: None, Number, Check mark. Default: None
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Text

Rich text with style, alignment, secondary color and line length options, and an optional footnote.

Add it to
Featured product, Group, Image banner, Image with text, Product details, Product information, Rich text and Section.
In the theme as shipped
Home page and About page
Settings (6)
Text settings
SettingType and defaultWhat it does
TextFormatted text
Text styleOptions: Body, Large, Small, Label. Default: Body
AlignmentOptions: Left, Center, Right. Default: Left
Use secondary text colorCheckbox, off by default
Limit line lengthCheckbox, on by defaultKeeps lines short enough to read comfortably.
FootnoteTextAdds a numbered note at the bottom of the page. Use it for sources, sample sizes and claims.

Media blocks

Images.

Image

An image with ratio, width, alignment, link and caption.

Add it to
Featured product, Group, Image with text, Product details, Product information, Rich text and Section.
Settings (7)
Image settings
SettingType and defaultWhat it does
ImageImage
Image ratioOptions: Natural; Square, 1:1; Portrait, 4:5; Tall, 3:4; Landscape, 3:2; Wide, 16:9. Default: Natural
Width25 to 100 %, default 100 %
AlignmentOptions: Left, Center, Right. Default: Left
LinkLink
Show figure captionCheckbox, off by default
Image captionTextDescribe what the image shows. Leave empty to use the image's alt text. Shows when Show figure caption is on.

Buttons.

Button

A link styled as a button, in primary, secondary or text link style.

Add it to
Featured product, Group, Image banner, Image with text, Product details, Product information, Rich text and Section.
In the theme as shipped
Home page and About page
Settings (6)
Button settings
SettingType and defaultWhat it does
Button labelText
Button linkLinkThe button shows once it has a link.
Open link in a new windowCheckbox, off by default
Button styleOptions: Primary, Secondary, Text link. Default: Primary
LargeCheckbox, off by default
Full width on mobileCheckbox, off by default

Layout blocks

Containers and spacing.

Divider

A horizontal line with space above and below.

Add it to
Featured product, Group, Image with text, Product details, Product information, Rich text and Section.
Settings (2)
Divider settings
SettingType and defaultWhat it does
StyleOptions: Hairline, Strong. Default: Hairline
Space above and below0 to 64 px, default 8 px

Group

A container that arranges other blocks in a row or a column, optionally as a card with its own color scheme. Presets: Group, Row and Card.

Add it to
Featured product, Group, Image with text, Product details, Product information, Rich text and Section.
Presets
Group, Row, Card
Takes
any theme block and app blocks
Settings (11)
Group settings
SettingType and defaultWhat it does
NameTextTells groups apart in the sidebar. Screen readers also announce it. It is not shown on the page.
Arrange blocksOptions: Stacked, Side by side. Default: Stacked
Stack on mobileCheckbox, on by defaultShows when Arrange blocks is “Side by side”.
Horizontal alignmentOptions: Left, Center, Right, Spread out. Default: Left
Vertical alignmentOptions: Top, Middle, Bottom, Spread out. Default: Top
Space between blocks0 to 64 px, default 16 px
WidthOptions: Fill the space, Fit the content. Default: Fill the spaceApplies when the group sits beside other blocks.
Appearance
StyleOptions: Plain, Sheet with a border, Tinted panel, Divider above. Default: Plain
Inner padding0 to 64 px, default 0 px
Use its own color schemeCheckbox, off by default
Color schemeColor scheme, default Scheme 3Shows when Use its own color scheme is on.

Spacer

Empty space, with separate heights for desktop and mobile.

Add it to
Featured product, Group, Image banner, Image with text, Product details, Product information, Rich text and Section.
Settings (2)
Spacer settings
SettingType and defaultWhat it does
Height on desktop0 to 160 px, default 32 px
Height on mobile0 to 160 px, default 16 px

Advanced blocks

Your own code.

Custom Liquid

Your own Liquid or HTML inside a section.

Add it to
Article, Cart, Contact form, Customer account, Customer order, Featured product, Footer, Group, Image with text, Page, Product details, Product information, Reviews, Rich text, Search results, Section and Testimonials.
Settings (1)
Custom Liquid settings
SettingType and defaultWhat it does
Liquid codeLiquid codeAdd app snippets or other code to make advanced customizations.

App blocks

Sections that list app blocks accept blocks from apps you install, such as a reviews widget or a back-in-stock form. They appear under Apps in the Add block picker. App embeds, which apps add to every page, are under App embeds in the editor sidebar.