Placebo 1.0.0 / Documentation

Sections and blocks

Every page of the store is built from sections, and most sections are built from blocks. This page lists each section you can add, says what it is for and gives its settings. Sections are named here exactly as they are in the theme editor.

Add and arrange sections#

In the theme editor, open the page you want to change from the template picker at the top.
In the sidebar, select Add section and choose a section. Sections with a ready-made variation, such as Team, are listed under the same search.
Drag sections and blocks by their handle to reorder them. Select one to see its settings.

The home page has no fixed layout: it is the list of sections in the index template. The same sections can be added to any page, product or collection template unless noted.

Settings every section shares#

Most sections have the same settings for their heading and their place in the page. They are listed once here and left out of the tables below.

Setting	What it does
Size	Small, Medium or Large. Each size changes the layout, not only the scale. The note under the setting says what changes for that section.
Label	A short line above the heading, set in the label font.
Heading size	Small, Medium or Large.
Heading level	Heading 1, Heading 2 or Heading 3. Use Heading 1 when the section opens the page, so the page has one main heading.
Heading alignment	Left or Center.
Heading position	Above the content, or pinned on the left or on the right. Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other. On mobile the heading comes first.
Arrival	How the section arrives the first time it comes on screen. In its own way uses the movement designed for that section, Fade is a plain fade and None shows it at once. Follows Theme settings > Motion and the visitor's reduced motion preference.
Space above, Space below	By size follows the section size. Double, Half and None change it. A few sections use Top spacing and Bottom spacing in pixels instead.
Anchor	A short name without spaces. A link that ends with `#` and this name scrolls to the section. For example, with the anchor `sizes`, link to `/pages/guide#sizes`.
Color scheme	One of the schemes from Theme settings > Colors.

Videos behave the same way wherever a section accepts one. An uploaded video can play as a Silent loop, which starts by itself while on screen and always has a pause button, or as a Player with sound, which waits for the play button. A YouTube or Vimeo link always opens a player and loads only when a visitor presses play.

Heroes and openers#

Hero#

The main hero of the theme: one image, or a silent video loop, that opens the page. Text, buttons and capsules are blocks, each placed With the text or At the foot of the image. A Hotspot is a small glass point placed on something in the image. It opens a capsule with a name and a price that links to a product. Set the focal point of the image in the image picker so the important part stays in view on every screen.

Blocks:

Label: Label, Style, Place.
Heading: Heading, Size, Heading level, Place.
Text: Text, Size, Place.
Buttons: First button label, First button link, First button style, Second button label, Second button link, Second button style, Size, Show arrow, Stack on mobile, Place.
Glass capsule: Label, Second line, Link, Show arrow, Place.
Statements: Statements, Style, Place.
Product capsule: Product, Show image, Show price, Button action, Add to cart label, Product page label, Place.
Spacer: Height.
Custom Liquid: Liquid code, Place.
Hotspot: Product, Label, Second line, Link, Horizontal position, Vertical position, Capsule opens, Use another position on mobile, Horizontal position on mobile, Vertical position on mobile, Hide on mobile.
Also accepts app blocks.

Settings of Hero

Hero settings
Setting	What it does
An image that opens the page. Add text, buttons, a glass capsule and hotspots as blocks. A hotspot is a small glass point placed on something in the image: it opens a capsule that links to a product.
Size	Small is a banner with single lines. Medium fills most of the screen. Large takes the whole first screen. Choices: Small, Medium, Large. Default: Medium.
Height
Height	Choices: By size, Small, Medium, Large, Full screen. Default: By size.
Height on mobile	Choices: Same as desktop, Small, Medium, Large, Full screen. Default: Same as desktop.
Start under the header	The header floats over the image and its text takes the text color chosen below. Checkbox. On by default.
Frame the image	Adds a margin and round corners. Checkbox. Off by default.
Space below	Range: 0 to 120 px. Default: 0 px.
Image
Image	3200 x 1800px .jpg recommended. The focal point of the image is kept in view on every screen. Image.
Image on mobile	Optional. A portrait crop shown on portrait screens. 1200 x 2000px .jpg recommended. Image.
Silent loop	Optional. Plays over the image without sound, in a loop, with a pause button. It loads after the page and never for visitors who asked for reduced motion. Video.
Silent loop on mobile	Video.
Text color over the image	Choices: Dark text, Light text. Default: Dark text.
Content
Position	The framed image keeps its text at the top. Choices: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right. Default: Middle left.
Position on mobile	Choices: Same as desktop, Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right. Default: Top center.
Text alignment	Choices: Follow the position, Left, Center, Right. Default: Follow the position.
Text alignment on mobile	Choices: Follow the position, Left, Center, Right. Default: Follow the position.
Content width	Choices: Narrow, Medium, Wide, Full. Default: Medium.
Position of blocks at the foot	Choices: Left, Center, Right. Default: Center.
Arrival	Follows the motion setting of the theme and the visitor's reduced motion preference. Choices: Rise, one block after the other, Heading words rise from a mask, Fade, None. Default: Rise, one block after the other.
Overlay
Overlay strength	Range: 0 to 90%. Default: 0%.
Overlay shape	Choices: Soft shade behind the text, Whole image, Gradient from the bottom, Gradient from the top. Default: Soft shade behind the text.
Overlay color	Color. Default: #10122A.
Colors
Bottom edge color	The image stops 1px above the bottom edge. Pick the color of its last row to hide the line. Color.

Split hero#

An image on one side and a heading, text and up to two buttons on the other. It can also show a silent video loop or a 3D model of a product. Use it as a first screen when you want the text to carry as much weight as the picture.

Settings of Split hero

Split hero settings
Setting	What it does
Size	Small is a short band with the heading and one button. Medium is a first screen. Large gives the image more of the width and the heading its largest size. Choices: Small, Medium, Large. Default: Medium.
Image
Image	2000 x 2400px .jpg recommended. Set the focal point on the image. Image.
Image on mobile	1200 x 1200px .jpg recommended. Image.
Video loop	Plays without sound over the image, with a pause button. It loads only when it comes on screen. Video.
3D model from a product	Shows the first 3D model of this product behind a button on the image. It loads when a visitor asks for it, and offers "View in your space" where the device allows. Product.
Image position	Choices: Left, Right. Default: Left.
Image width	Choices: Two fifths, Half, Three fifths. Default: Half.
Image height	Choices: By size, Small, Medium, Large, Full screen. Default: By size.
Image height on mobile	Choices: Small, Medium, Large. Default: Medium.
Image shape	Choices: Follow the theme, Rounded, Arch, Square. Default: Follow the theme.
Show image in a card	Checkbox. Off by default.
Order on mobile	Choices: Image first, Text first. Default: Image first.
Label on the image	Text.
Line on the image	A short fact in a glass label. Text.
Label position	Choices: Bottom left, Bottom right, Top left, Top right. Default: Bottom left.
Text
Label	Text.
Heading	Text.
Text	Rich text.
Statements	One short statement per line. Shown as pills. Text, several lines.
Rows	One per line, as Label: value. They are drawn as rows with a dotted leader. Text, several lines.
Vertical position	Choices: Top, Middle, Bottom, Heading at the top, buttons at the foot. Default: Heading at the top, buttons at the foot.
Alignment	Choices: Left, Center. Default: Left.
Buttons
First button label	Text.
First button link	Link.
First button style	Choices: Solid, Quiet, Paper, Text link. Default: Solid.
Second button label	Text.
Second button link	Link.
Second button style	Choices: Solid, Quiet, Paper, Text link. Default: Quiet.
Note	Small print under the buttons. Rich text.

A wide image or video with a heading, a short text and up to two buttons, on a glass plate or directly on the image. Use Overlay strength when light text sits on a bright image.

Settings of Image banner

Image banner settings
Setting	What it does
Size	Small is a short band without the text under the heading. Medium is the standard height. Large takes almost the whole screen. Choices: Small, Medium, Large. Default: Medium.
Image	2800 x 1600px .jpg recommended Image.
Image for mobile	1600 x 2000px .jpg recommended Image.
Video	Shown over the image, which stays its poster. Video.
Video plays as	A loop plays by itself while on screen and has a pause button. A player waits for the play button and then shows its controls. Choices: Silent loop, Player with sound. Default: Silent loop.
YouTube or Vimeo link	Loads only when a visitor presses play. An uploaded video is used first. YouTube or Vimeo link.
Layout
Width	Choices: Full width, Page width, in a rounded frame. Default: Full width.
Adapt height to the image	When off, the size sets the height. Checkbox. Off by default.
Height on mobile	Choices: By size, Small, Medium, Large, Full screen. Default: By size.
Overlay strength	Darkens the image under light text placed on it. Range: 0 to 80%. Default: 0%.
Text
Label	Text.
Heading	Text.
Text	Text.
Button label	Text.
Second line	A short note under the label, such as a price. Shown on the glass capsule. Text.
Button link	Link.
Second button label	Text.
Second button link	Link.
Text style	The glass plate keeps text readable over any image. Choices: On a glass plate, On the image. Default: On a glass plate.
Text color	Choices: Dark text, Light text. Default: Light text.
Horizontal position	Choices: Left, Center, Right. Default: Left.
Vertical position	Choices: Top, Middle, Bottom. Default: Bottom.
Text alignment	Choices: Left, Center. Default: Left.

Slideshow#

Several slides that move like the product gallery: by swipe, by arrow keys or from the previews on the glass rail. Each slide has its own image or video and text. When Change slides automatically is on, a pause button is always shown.

Blocks:

Slide: Image, Video, Video plays as, YouTube or Vimeo link, Label, Heading, Text, Button label, Second line, Button link, Text style, Text color, Horizontal position, Vertical position.
Also accepts app blocks.

Settings of Slideshow

Slideshow settings
Setting	What it does
Slides move like the product gallery: swipe, use the arrow keys, or pick a preview on the glass rail.
Size	Small is a short stage without arrows, slide count or slide text. Medium is the standard height. Large takes almost the whole screen. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Layout
Width	Choices: Page width, Full width. Default: Page width.
Rail	Choices: Previews, Dots, None. Default: Previews.
Show arrows and slide count	Checkbox. Off by default.
Autoplay
Change slides automatically	A pause button is always shown. Autoplay stops when a visitor uses the slideshow and never starts for visitors who ask for reduced motion. Checkbox. Off by default.
Change slides every	Range: 4 to 12 s. Default: 6 s.

A compact opening for an inner page: a label, the title, one paragraph and links to parts of the page. Leave Heading empty to use the page title.

Settings of Page header

Page header settings
Setting	What it does
A compact opening for a page: a label, the title, one paragraph and links to the parts of the page. Leave the heading empty to use the page title.
Size	Small is the title on one line. Medium adds the text and links. Large sets the title at display size. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Leave empty to use the page title. Text.
Text	Rich text.
Links to parts of the page	One per line, as Label \| #anchor or Label \| /pages/handle. Text, several lines.
Alignment	Choices: Left, Center. Default: Left.
Text width	Choices: Reading column, Wide. Default: Wide.
Image
Image	2400 x 1200px .jpg recommended. Shown beside the text on desktop and under it on mobile. Image.
Image ratio	Choices: Square, Portrait 4:5, Landscape 3:2, Wide 16:9. Default: Landscape 3:2.
Show line under the header	Checkbox. On by default.

Video#

A poster and one play button. The player loads only when a visitor presses play, which keeps the page light.

Settings of Video

Video settings
Setting	What it does
Shows a poster and one glass button. The player loads only when a visitor presses play.
Size	Small keeps the video in a narrow column. Medium is the page width. Large runs from edge to edge, without a frame. Choices: Small, Medium, Large. Default: Medium.
Video	An uploaded video is used first. Video.
Video plays as	A loop plays by itself while on screen and has a pause button. A player waits for a press and plays with sound. Links always open a player. Choices: Player with sound, Silent loop. Default: Player with sound.
YouTube or Vimeo link	YouTube or Vimeo link.
Poster	2600 x 1462px .jpg recommended. Uploaded videos use their own first frame when this is empty. Image.
Video title	Read by screen readers and shown on the button when the button label is empty. Text.
Button label	Text.
Caption	Text.
Layout
Shape	Choices: Adapt to video, Wide 16:9, Landscape 4:3, Square, Portrait 4:5, Vertical 9:16. Default: Wide 16:9.
Show video in a card	Checkbox. On by default.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.

Notice#

One line of news inside the page: a new product, a delivery note, a date. It can count down to a real date and can be closed by the visitor. For news above the header on every page, use the announcement bar.

Settings of Notice

Notice settings
Setting	What it does
One line of news inside the page: a new product, a delivery note, an opening, a date. It can run the full width at any size, count down to a real date, carry a button and be closed by the visitor.
Size	Small is a single pill. Medium is a band. Large sets the line at heading size. Choices: Small, Medium, Large. Default: Medium.
Full width	The notice runs from edge to edge of the screen, at any size. Checkbox. Off by default.
Tone	Choices: Quiet, Ink, Paper card, Accent, Between two lines, Aurora line. Default: Quiet.
Alignment	Choices: Center, Left, Text left, link right. Default: Center.
Content
Icon	Shown before the text. Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.
Mark	A short word in a pill before the text, for example New. Text.
Text	Text.
Link label	Text.
Link	Link.
Link style	Choices: Text link with arrow, Button. Default: Text link with arrow.
Countdown
End date and time	Optional. Write 2026-11-28T09:00:00+01:00. Without an offset the store time zone is used. The countdown runs to this one moment for every visitor and never restarts. Text.
Show seconds	Checkbox. Off by default.
When the time is over	Choices: Hide the countdown, Hide the notice. Default: Hide the countdown.
Text when the time is over	Text.
Closing
Let visitors close it	Stays closed for the visit. It comes back when the text changes. Checkbox. Off by default.

Marquee#

One slow line of short statements. It stops under the pointer, has a pause control and stays still for visitors who ask for reduced motion. Turn on Show as a still line for a line that never moves.

Blocks:

Statement: Text, Icon, Link.

Settings of Marquee

Marquee settings
Setting	What it does
One slow line of short statements. It stops under the pointer, can be paused, and stays still for visitors who ask for reduced motion.
Size	Small sets the statements in the label font. Medium sets them at heading size. Large sets them at display size. Choices: Small, Medium, Large. Default: Medium.
Time for one pass	Slower is easier to read. Range: 30 to 120 s. Default: 60 s.
Space between statements	Range: 16 to 64 px. Default: 28 px.
Direction	Choices: Right to left, Left to right. Default: Right to left.
Between statements	Choices: Dot, Star, Slash, Nothing. Default: Dot.
Style	Choices: Plain, Between two lines, Gray well. Default: Plain.
Show as a still line	One centered line that wraps and does not move. Checkbox. Off by default.

Products and collections#

Featured collection#

Products from one collection, as a grid, a row that scrolls or one large card with smaller ones. Card options such as the second image, swatches and quick add come from Theme settings > Product cards.

Settings of Featured collection

Featured collection settings
Setting	What it does
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Collection	Collection.
Show collection description	Checkbox. Off by default.
Layout	Choices: Grid, Row that scrolls, One large, others small. Default: Grid.
Size	Small is a dense catalog, large an editorial grid with fewer columns and taller images. Choices: Small, Medium, Large. Default: Medium.
Maximum products to show	Range: 2 to 24. Default: 8.
Columns on desktop	Choices: 2 columns, 3 columns, 4 columns, 5 columns, 6 columns. Default: 4 columns.
Columns on mobile	Choices: 1 column, 2 columns. Default: 2 columns.
Show a link to the collection	Checkbox. On by default.
Link label	Text.
Product cards
Card style	Choices: Image only, Rim card. Default: Image only.
Image fit	Choices: Fill the frame, Show the whole image. Default: Fill the frame.
Product video on cards	Plays the first video of a product as a silent loop. On mobile one video plays at a time. Choices: Off, Play on hover, Play when in view. Default: Off.

Featured product#

One product with its gallery and buy buttons, outside the product page. It uses the same blocks as the product page: Product heading, Price, Variant picker, Buy buttons, Purchase options and others. See Product page.

Blocks:

Also accepts any theme block and app blocks.

Settings of Featured product

Featured product settings
Setting	What it does
Size	Small is a compact product with a narrow stage and no previews. Medium splits the row in two. Large gives the gallery more width and more air. Choices: Small, Medium, Large. Default: Medium.
Product	Product.
Gallery position	Choices: Left, Right. Default: Left.
Gallery ratio	Choices: Square, Portrait, Landscape. Default: Square.
Media fit	Choices: Fill the frame, Show the whole image. Default: Fill the frame.
Show previews	Checkbox. On by default.
Enable image zoom	Checkbox. Off by default.
Enable video looping	Checkbox. Off by default.

Collection list#

Collections you choose, as a grid, a scrolling row, one large tile with smaller ones, or ledger rows with the product count.

Settings of Collection list

Collection list settings
Setting	What it does
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Collections	Collection list.
Layout	Choices: Grid, Row that scrolls, One large, others small, Ledger rows. Default: Grid.
Size	Small is a dense catalog, large an editorial grid with fewer columns and taller images. Choices: Small, Medium, Large. Default: Medium.
Card style	The editorial layout always uses images. Choices: Image with caption, Rim card with round image. Default: Image with caption.
Image ratio	Choices: Square, Portrait, Tall portrait, Landscape. Default: Portrait.
Columns on desktop	Choices: 2 columns, 3 columns, 4 columns, 5 columns. Default: 3 columns.
Columns on mobile	Choices: 1 column, 2 columns. Default: 2 columns.
Show product count	Checkbox. On by default.
Show a link to all collections	Checkbox. Off by default.
Link label	Text.

Bundle builder#

Lets customers build their own set from a pool of products and add it to the cart in one press. See Bundles for how the builder works and what it does not do.

Settings of Bundle builder

Bundle builder settings
Setting	What it does
Size	Small shows the products as rows. Medium is a grid with the summary pinned beside it. Large gives the pictures more room. Choices: Small, Medium, Large. Default: Medium.

Shopify's related products for the product being viewed. Available on product templates only. For recommendations inside the product column, use the Related products block of the product page instead.

Settings of Related products

Related products settings
Setting	What it does
Size	Small shows compact rows in one card. Medium shows a row of cards. Large shows fewer, larger cards under a larger heading. Choices: Small, Medium, Large. Default: Medium.
Heading	Text.
Maximum products to show	Range: 2 to 10. Default: 4.
Columns on desktop	Range: 2 to 5. Default: 4.

Blog posts#

The latest posts of one blog, as a grid, with the first post large, or as rows.

Settings of Blog posts

Blog posts settings
Setting	What it does
Size	Small is a list of post titles without images or excerpts. Medium is the chosen layout. Large shows 2 posts a row with more space between them. Choices: Small, Medium, Large. Default: Medium.
Blog	Blog.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Layout
Layout	Choices: Grid, First post large, Rows. Default: Grid.
Columns on desktop	Range: 2 to 4. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Posts to show	Range: 2 to 12. Default: 3.
Show featured image	Checkbox. On by default.
Show images in a card	Checkbox. Off by default.
Show date	Checkbox. On by default.
Show author	Checkbox. Off by default.
Show excerpt	Checkbox. On by default.
Link label	Text.

Evidence and trust#

Claims#

A list of statements, each with the figure behind it and a numbered source. Sources are listed under the claims. Use it when a claim needs a reference, for example a study.

Blocks:

Claim: Icon, Figure, Unit, Claim, Text, Source, Source link.
Also accepts app blocks.

Settings of Claims

Claims settings
Setting	What it does
A list of statements, each with the figure behind it and a numbered source. The sources are listed under the claims.
Size	Small is one line per claim. Medium adds the explanation. Large sets each figure at display size. Choices: Small, Medium, Large. Default: Medium.
Heading
Label	Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Layout
Layout	Choices: Rows under a line, Cards. Default: Rows under a line.
Columns on desktop	Range: 2 to 4. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Icon style	Choices: Plain, In a round well, In a round card. Default: Plain.
Show source list	Checkbox. On by default.
Fold the source list	The sources stay closed under one quiet line at the foot of the section and the claims carry no reference marks. Turn off to number each claim and show the list open. Checkbox. On by default.
Source list heading	Text.
Note	Small print under the list, such as a regulatory statement. Rich text.
Section
Count up to each figure	Each number runs up to its value once, when it comes on screen. Follows the motion setting of the theme. Checkbox. On by default.

Figures#

A row of numbers, each with one line that says what it measures. With Count up to each figure on, each number runs up to its value once when it comes on screen.

Blocks:

Figure: Icon, Label, Figure, Unit, Text, Source, Source link.
Also accepts app blocks.

Settings of Figures

Figures settings
Setting	What it does
A row of numbers, each with one line that says what it measures and where it comes from.
Size	Small sets the figures at a compact size. Medium is the standard row. Large gives each figure its own row at display size. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Layout
Columns on desktop	Range: 1 to 4. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Style	Choices: Line above, Cards, Plain, Gray wells. Default: Line above.
Icon style	Choices: Plain, In a round well, In a round card. Default: Plain.
Alignment	Choices: Left, Center. Default: Left.
Note	Small print under the row, such as how the numbers were counted. Rich text.
Section
Count up to each figure	Each number runs up to its value once, when it comes on screen. Follows the motion setting of the theme. Checkbox. On by default.

Facts table#

A table of what a product is made of: ingredients, materials or specifications, each with an amount and an optional note. It can sit beside an image.

Blocks:

Row: Name, Note, Amount, Second value.
Group heading: Heading.

Settings of Facts table

Facts table settings
Setting	What it does
A table of what the product is made of: ingredients, materials or specifications, each with an amount and an optional note.
Size	Small is the table alone. Medium sets it beside an image. Large gives the image the height of the screen and adds room to each row. Choices: Small, Medium, Large. Default: Medium.
Heading
Label	Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Table
Table heading	Text.
Line under the table heading	For example, the quantity or the product measured. Text.
First column heading	Text.
Second column heading	Text.
Third column heading	Shown when a row has a second value. Text.
Show table in a card	Checkbox. On by default.
Note	Rich text.
Button label	Text.
Button link	Link.
Image
Image	1600 x 2000px .jpg recommended. Image.
Keep space for the image when empty	Checkbox. On by default.
Image position	Choices: Left, Right. Default: Left.
Order on mobile	Choices: Image first, Table first. Default: Image first.
Image ratio	Choices: Square, Portrait 4:5, Landscape 3:2. Default: Portrait 4:5.
Show image in a card	Checkbox. On by default.
Caption	Text.

Press and logos#

Publications, partners or stockists, as a list, a grid of cards or names in a line. Each entry is a logo or a name set as a wordmark.

Blocks:

Name or logo: Logo, Logo height, Name, Line beside the name, Link.
Also accepts app blocks.

Settings of Press and logos

Press and logos settings
Setting	What it does
Names that vouch for the store: publications, journals, partners, stockists. Add a logo to each, or let the name stand as a wordmark. Say plainly what each one did.
Size	Small is a compact list. Medium sets the names at heading size. Large gives each name a tall row. Choices: Small, Medium, Large. Default: Medium.
Layout	Choices: List beside a pinned label, Grid of cards, Names in a line. Default: List beside a pinned label.
Label	Text.
Heading	Text.
Note	Small print under the label, for example that no publication endorses the store. Rich text.
Columns on desktop	Columns of the list or of the grid. Range: 1 to 6. Default: 2.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Show logos in gray	Checkbox. On by default.

Testimonials#

Quotes from customers, with a name and an optional portrait and source.

Blocks:

Quote: Quote, Name, Detail, Portrait, Source, Source link, Image shape.
Also accepts app blocks.

Settings of Testimonials

Testimonials settings
Setting	What it does
Quiet quotes: the words at reading size, the name in the label font. Use real quotes from real customers.
Size	Small sets the quotes at body size. Medium sets them at reading size. Large sets them at heading size, 2 a row on desktop. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Layout
Style	Choices: Cards, Rows with lines, Large, one per row. Default: Cards.
Columns on desktop	Range: 1 to 4. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Show quotation marks	Checkbox. On by default.
Alignment	Choices: Left, Center. Default: Left.
Note	Small print under the quotes, such as how they were collected. Rich text.

Creator videos#

Vertical videos made by customers or creators. Tiles show a poster and a press opens a full-screen player. Names and labels are what you type: the theme adds no rating and no verified mark.

Blocks:

Clip: Video, YouTube or Vimeo link, Poster image, Name or handle, Label, Caption, Product, Captions file.
Also accepts app blocks.

Settings of Creator videos

Creator videos settings
Setting	What it does
Vertical videos made by customers or creators. Tiles show an image; a press opens a full-screen player. Names and labels are what you type: the theme adds no rating and no "verified" mark.
Size	Small is a row of little tiles without names. Medium shows names. Large has bigger tiles and fewer of them across. Choices: Small, Medium, Large. Default: Medium.
Layout	Choices: Small tiles, Strip of larger tiles, Row across the width, One clip leading, beside the text. Default: Small tiles.
Width	Applies to the strip and the row. Choices: Page, Full, edge to edge. Default: Page.
Clip position	Applies to the leading clip layout on desktop. Choices: Left, Right. Default: Left.
Autoplay silent previews	The tiles in view loop without sound, like GIFs, with a small pause control on each tile. Never under reduced motion or data saving. Checkbox. On by default.
Label on clips	A small word on each clip, such as Creator or Customer. Say what is true: do not present paid content as a customer review. Text.
Source	Product metafield works on a product page: it reads custom.videos on that product. Accepted types: a list of files holding videos, or a list of metaobject entries with the fields video, poster, creator, label, caption, product. On other pages, and for a product without it, the clip blocks are shown. Choices: Clip blocks, Product metafield (custom.videos). Default: Clip blocks.
Heading
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Button label	Text.
Button link	Link.

Before and after#

Two images of the same view under one slider. Use two images in the same ratio.

Settings of Before and after

Before and after settings
Setting	What it does
Two images of the same view under one slider: before and after, with and without, day and night. Show only what is true of the product and say under what conditions.
Size	Sets the space above and below the section: small is tight, medium is the default, large is airy. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Text.
Text	Rich text.
Images
First image	Both images in the same ratio. 2400 x 1600px .jpg recommended. Image.
First label	Text.
Second image	Image.
Second label	Text.
Image ratio	Choices: As the first image, Square, Portrait 4:5, Wide 16:9, Landscape 3:2. Default: Landscape 3:2.
Starting position	Range: 10 to 90%. Default: 50%.
Width	Choices: Page width, Narrow. Default: Page width.
Note	Rich text.

Comparison table#

A table that compares two or three options row by row, drawn like a product label. One option can be highlighted.

Blocks:

Row: Label, First option value, Second option value, Third option value.
Group heading: Heading.

Settings of Comparison table

Comparison table settings
Setting	What it does
A table drawn like a product label: a heavy rule under the headings, hairlines between rows, a dotted leader after each label.
Size	Small is a narrow table with tight rows and no images. Medium is the standard table. Large sets the option names at heading size and gives the rows more room. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Columns
Caption	A short line above the table that says what it compares. Text.
Heading of the first column	Text.
First option name	Text.
Second option name	Text.
Third option name	Leave empty to compare two options. Text.
Image for the first option	600 x 600px .jpg recommended Image.
Image for the second option	Image.
Image for the third option	Image.
Highlight	Choices: None, First option, Second option, Third option. Default: First option.
Use the reading column width	Checkbox. Off by default.
Style	Choices: Card, Plain, Gray well. Default: Card.
Alignment of values	Choices: Left, Center. Default: Left.
Note	Small print under the table. Rich text.

Story and explanation#

Image with text#

An image or video beside a heading, text, optional rows of facts and up to two links. The image can carry a small label with a figure.

Settings of Image with text

Image with text settings
Setting	What it does
Size	Small gives the image a third of the row and hides the label on the image. Medium follows the column widths set below. Large gives the image more of the row. Choices: Small, Medium, Large. Default: Medium.
Image	2000 x 1500px .jpg recommended Image.
Video	Shown over the image, which stays its poster. Video.
Video plays as	A loop plays by itself while on screen and has a pause button. A player waits for the play button and then shows its controls. Choices: Silent loop, Player with sound. Default: Silent loop.
YouTube or Vimeo link	Loads only when a visitor presses play. An uploaded video is used first. YouTube or Vimeo link.
Layout
Image position	Choices: Left, Right. Default: Left.
Order on mobile	Choices: Image first, Text first. Default: Image first.
Column widths	Choices: Equal, Wide image, Wide text. Default: Equal.
Image ratio	Choices: Adapt to image, Square, Portrait 4:5, Landscape 4:3, Landscape 3:2, Wide 16:9. Default: Landscape 4:3.
Vertical position	Choices: Top, Middle, Bottom. Default: Middle.
Show image in a card	Checkbox. On by default.
Keep image in view beside long text	Checkbox. Off by default.
Move image slightly while scrolling	Checkbox. On by default.
Label on the image
Label on the image	Text.
Figure	One number or word. Leave the figure and its line empty to hide the label. Text.
What the figure measures	Text.
Label position	Choices: Bottom left, Bottom right, Top left, Top right. Default: Bottom left.
Text
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Text alignment	Choices: Left, Center. Default: Left.
Facts	One per line, as Label: value. They are drawn as rows with a dotted leader. Text, several lines.
Buttons
Button label	Text.
Button link	Link.
Button style	Choices: Solid, Quiet. Default: Solid.
Link label	Text.
Link	Link.

Image story#

A row of images that sums up a longer story and links to its page.

Blocks:

Image: Image, Video loop, Label, Figure, Label position, Caption, Link.
Also accepts app blocks.

Settings of Image story

Image story settings
Setting	What it does
A row of images that sums up a longer story and leads to its page.
Size	Small hides the captions. Medium is the standard row. Large shows 2 images a row on desktop, with larger captions. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Layout
Columns on desktop	Range: 2 to 4. Default: 4.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Image ratio	Choices: Square, Portrait 4:5, Landscape 4:3, Landscape 3:2, Wide 16:9. Default: Landscape 4:3.
Show images in a card	Checkbox. On by default.
Swipe on mobile	When off, images stack on mobile. Checkbox. On by default.
Link
Link label	Text.
Link	Link.

Timeline#

A story told in chapters: the history of a brand, how a product is made, a journey in dates. With Pinned image, chapters scroll, the image changes to the chapter being read.

Blocks:

Chapter: Year or label, Heading, Text, Image, Silent loop, Link label, Link.
Also accepts app blocks.

Settings of Timeline

Timeline settings
Setting	What it does
A story told in chapters: the history of the brand, how a product is made, a journey in dates. Each chapter is a block with a year or label, a heading, a text and an image or a silent loop. Works from 2 to 12 chapters, with or without images.
Size	Small is a compact list. Medium is the standard. Large gives the pinned image the full height of the screen and sets headings larger. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Text.
Text	Rich text.
Layout
Layout	With the pinned image, the image changes to the chapter being read. On mobile every layout stacks, each chapter under its image; the horizontal timeline stays a row to swipe. Choices: Pinned image, chapters scroll, Stacked chapters, Horizontal timeline. Default: Pinned image, chapters scroll.
Pinned image side	Choices: Left, Right. Default: Left.
Image side	Choices: Alternate, Left, Right, Above the text. Default: Alternate.
Image ratio	Choices: Square, Portrait 3:4, Landscape 4:3, Wide 16:9. Default: Landscape 4:3.
Show chapters as cards	Checkbox. On by default.
Show the year or label large	Checkbox. On by default.
Number the chapters	Checkbox. Off by default.
Closing
Button label	Text.
Button link	Link.
Note	Rich text.

Steps#

How to use a product, or how an order works, as numbered steps joined by a line.

Blocks:

Step: Icon, Image, Label, Heading, Figure, Text.
Also accepts app blocks.

Settings of Steps

Steps settings
Setting	What it does
How to use the product, or how an order works, as numbered steps joined by a line that draws as they arrive.
Size	Small is a row of numbered headings. Medium adds text and images. Large stacks the steps with large numbers. Choices: Small, Medium, Large. Default: Medium.
Heading
Label	Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Pinned on the left, content in the column.
Layout
Layout	Applies when the heading sits above. With a pinned heading the steps are stacked in the column. Steps always stack on mobile. Choices: Side by side, Stacked. Default: Side by side.
Marker	Icons are set on each step. The line between steps stays. Choices: Numbers, Icons, None. Default: Numbers.
Style	Choices: Plain, Cards, Gray wells. Default: Plain.
Show images	Checkbox. On by default.
Image ratio	Choices: Square, Portrait 4:5, Landscape 3:2. Default: Landscape 3:2.
Show images in a card	Checkbox. On by default.
Note	Rich text.
Button label	Text.
Button link	Link.

Stage and column#

The product page pattern for your own content: a stage of pictures, videos and drawn slides pinned on one side while a column of blocks scrolls on the other. Add slides in the Gallery slides region and content in the column. With Change the slide as the column scrolls on, each Chapter block names the slide to show as it passes the middle of the screen.

Slides you can add to the stage: Image slide, Video slide, 3D model slide, Figure slide, Text slide and Picture with points. A picture with points carries numbered points that open a panel about a product or scroll the column to a chapter.

Blocks:

Also accepts any theme block and app blocks.

Settings of Stage and column

Stage and column settings
Setting	What it does
A stage of pictures, videos and drawn slides pinned on one side while a column of blocks scrolls on the other. Add slides in the Gallery slides region and content in the column.
Size	Small is a square stage that scrolls with the page. Medium pins the stage at the height of the screen. Large gives the stage more width and the column more air. Choices: Small, Medium, Large. Default: Medium.
Stage
Name for screen readers	Text.
Position on desktop	Choices: Left, Right. Default: Left.
Pin the stage while the column scrolls	Medium and large sizes. Turn off for a stage with a ratio of its own. Checkbox. On by default.
Ratio when not pinned	Choices: Square, Portrait, Landscape. Default: Square.
Change the slide as the column scrolls	Each chapter block names the slide it shows. The slide changes when the chapter passes the middle of the screen. Visitors can still change slides themselves. Checkbox. Off by default.
Media fit	Choices: Fill the frame, Show the whole image. Default: Fill the frame.
Height on mobile	Choices: Compact, Square, Tall. Default: Compact.
Show previews	Checkbox. On by default.
Enable image zoom	Checkbox. Off by default.

Gallery#

A set of images as a grid, a mosaic with one image leading, or a strip that scrolls sideways. With Open images full screen on, a press opens a viewer.

Blocks:

Image: Image, Label, Caption, Link, Width in the grid.
Also accepts app blocks.

Settings of Gallery

Gallery settings
Setting	What it does
A set of images as a grid, a mosaic with one image leading, or a strip that scrolls sideways.
Size	Small is a strip of small images. Medium is the chosen layout. Large gives two images a row and larger captions. Choices: Small, Medium, Large. Default: Medium.
Heading
Label	Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Layout
Layout	Choices: Grid, Mosaic, first image large, Strip that scrolls sideways. Default: Grid.
Width	Choices: Page, Full. Default: Page.
Columns on desktop	Range: 2 to 5. Default: 3.
Columns on mobile	Applies to the grid. Choices: 1 column, 2 columns. Default: 2 columns.
Image ratio	Choices: Square, Portrait 4:5, Portrait 3:4, Landscape 3:2, Wide 16:9. Default: Portrait 4:5.
Space between images	Range: 0 to 32 px. Default: 8 px.
Show images in a card	Checkbox. Off by default.
Show captions	Checkbox. On by default.
Open images full screen	A press opens the image in a full-screen viewer with the other images of the gallery. An image with a link follows its link instead. Checkbox. Off by default.
Button label	Text.
Button link	Link.

Multicolumn#

Columns of short content, each with an image, an icon or a number above it. The Team variation starts with portrait images.

Blocks:

Column: Image, Icon, Label, Heading, Text, Link label, Link.
Also accepts app blocks.

Settings of Multicolumn

Multicolumn settings
Setting	What it does
Size	Small hides the images and sets each column under a line. Medium is the standard grid. Large shows 2 columns a row on desktop, with taller images. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Layout
Columns on desktop	Range: 2 to 5. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Swipe on mobile	When off, columns stack on mobile. Checkbox. Off by default.
Style	Choices: Plain, Cards, Line above, Gray wells. Default: Plain.
Above each item	Choose images, icons from the theme set, numbers, or text alone. Icons and images are set on each block. Choices: Image, or icon without one, Icon, Number, Nothing, text only. Default: Image, or icon without one.
Icon style	Choices: Plain, In a round well, In a round card. Default: Plain.
Image ratio	Choices: Square, Portrait 4:5, Landscape 4:3, Landscape 3:2, Wide 16:9. Default: Landscape 4:3.
Alignment	Choices: Left, Center. Default: Left.
Button
Button label	Text.
Button link	Link.

Detail cards#

Small cards that each open a panel with the full detail. The panel slides up from the bottom on mobile and opens at the right edge on desktop. Use them to keep a page short and let visitors go deeper where they choose.

Blocks:

Card: Heading, Icon, Image, Panel label, Panel heading, Figure, What the figure measures, Text, Source, Source link, Link label, Link.
Also accepts app blocks.

Settings of Detail cards

Detail cards settings
Setting	What it does
Small cards that open a panel with the full detail. The panel slides up on mobile and opens at the right edge on desktop.
Size	Small shows compact rows without the round windows. Medium shows the cards. Large has larger windows and labels on desktop. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Columns on desktop	Range: 2 to 4. Default: 3.
Layout	Tiles become rows on mobile. Small is always rows. Choices: Tiles, Rows. Default: Tiles.

Next steps#

Cards that lead somewhere else: the next page to read, a collection, the contact page. Two or three at the foot of a page give a visitor a way on.

Blocks:

Door: Image, Icon, Label, Heading, Text, Link.
Also accepts app blocks.

Settings of Next steps

Next steps settings
Setting	What it does
Large or small cards that lead somewhere else: the next page to read, a collection, a contact page. Use two or three at the foot of a page so a visitor always has a way on.
Size	Small shows compact rows with a heading and an arrow, without images or text. Medium shows cards. Large shows tall cards with large headings. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Heading position	Pinned: on desktop the heading stays in view on one side while the content scrolls in the reading column on the other, as the gallery and column of the product page do. On mobile the heading comes first. Choices: Above the content, Pinned on the left, content in the column, Pinned on the right, content in the column. Default: Above the content.
Large cards	Each card takes a large title, an arrow in a disc and, with two cards or fewer a row, its image beside the text. Checkbox. Off by default.
Columns on desktop	Range: 2 to 4. Default: 3.
Columns on mobile	Choices: 1 column, 2 columns. Default: 1 column.
Style	Choices: Cards, Line above, Plain, Gray wells. Default: Cards.
Above each item	Choose images, icons from the theme set, or text alone. Icons and images are set on each block. Choices: Image, or icon without one, Icon, Nothing, text only. Default: Image, or icon without one.
Icon style	Choices: Plain, In a round well, In a round card. Default: Plain.
Image ratio	Choices: Square, Portrait 4:5, Landscape 4:3, Landscape 3:2, Wide 16:9. Default: Landscape 4:3.

Utility#

Questions#

Questions that open in place, grouped in one card per category. Add a Category block, then the Question blocks that belong to it. With Add questions to search engine data on, the questions are added to the page's structured data. Turn it off on all but one questions section per page.

Blocks:

Category: Heading.
Question: Question, Answer, Show open by default.
Also accepts app blocks.

Settings of Questions

Questions settings
Setting	What it does
Questions that open in place, grouped in one card per category. Add a category block, then the question blocks that belong to it.
Size	Small is a compact list in the reading column, without the list of categories. Medium is the standard. Large sets the category names at display size, with more space between them. Choices: Small, Medium, Large. Default: Medium.
Heading	Text.
Text	Rich text.
Layout
Layout	Choices: Questions across the page, Heading pinned left, questions in the column, Questions beside a pinned image. Default: Questions across the page.
Pinned image	2000 x 2400px .jpg recommended Image.
Pinned image side	Choices: Left, Right. Default: Left.
Show list of categories	A row of buttons on mobile and a list that stays in view on desktop. Checkbox. On by default.
Center the questions	Checkbox. Off by default.
Add questions to search engine data	Turn this off when another questions section on the same page already adds its questions to search results. Checkbox. On by default.
Note	Small print under the last category. Rich text.

A heading, a text and an email field. Signups are added to your customer list in Shopify as email subscribers.

Settings of Email signup

Email signup settings
Setting	What it does
Signups add customers to your customer list with the newsletter tag.
Size	Small sets the text and the field side by side on desktop, with a smaller field and no icon. Medium is one column. Large widens the column. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Text.
Text	Rich text.
Button label	Text.
Note	Small print under the field, such as a link to your privacy policy. Rich text.
Alignment	Choices: Left, Center. Default: Left.
Style	Choices: Plain, Card, Gray well. Default: Plain.
Icon	Shown above the label. Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.

Contact form#

A contact form with name, email and message, and an optional phone field. Messages are sent to the store contact email set in your Shopify admin. The text beside the form can list contact details, one per line as Label: value.

Settings of Contact form

Contact form settings
Setting	What it does
Size	Small is one narrow column without the contact details. Medium is the chosen layout. Large sets the form in a card. Choices: Small, Medium, Large. Default: Medium.
Text
Label	Text.
Heading	Text.
Text	Rich text.
Contact details	One per line, as Label: value. Email addresses become links. Text, several lines.
Form
Show phone number field	The phone number is optional for the customer. Checkbox. Off by default.
Button label	Text.
Note	Small print beside the button, such as how you use the details. Rich text.
Layout
Layout	Choices: Text beside the form, Text above the form, Form beside a pinned image. Default: Text beside the form.
Pinned image	2000 x 2400px .jpg recommended. A photograph of the store or a saved image of a map. Image.
Pinned image side	Choices: Left, Right. Default: Left.
Order on mobile	Choices: Text first, Form first. Default: Text first.
Alignment	Choices: Left, Center. Default: Left.
Show form in a card	Checkbox. Off by default.

Store information#

An address, opening hours and one image for each location, for stores with a physical place.

Blocks:

Location: Label, Icon, Name, Address, Hours heading, Hours, Phone number, Email, Link label, Link, Image.
Also accepts app blocks.

Settings of Store information

Store information settings
Setting	What it does
An address, opening hours and one image for each location. The image can be a photograph of the store or a saved image of a map.
Size	Small shows the text alone, without the image. Medium sets the image beside the text. Large sets a tall image above the text on desktop. Choices: Small, Medium, Large. Default: Medium.
Label	A short line above the heading, set in the label font. Text.
Heading	Text.
Text	Rich text.
Heading alignment	Choices: Left, Center. Default: Left.
Image position	Choices: Right, Left. Default: Right.
Show image	Turn off for a card of text alone. Checkbox. On by default.
Order on mobile	Choices: Text first, Image first. Default: Text first.
Style	Choices: Card, Plain. Default: Card.

Delivery and returns#

States delivery, returns and the guarantee from Theme settings > Delivery and returns, so the page always says what the product page, the cart and the footer say. Add rows for regions, delivery times or costs.

Blocks:

Row: Label, Note, Value.
Group heading: Heading.
Also accepts app blocks.

Settings of Delivery and returns

Delivery and returns settings
Setting	What it does
States delivery, returns and the guarantee from Theme settings > Delivery and returns, so the page always says what the product page, the cart and the footer say. Add rows for regions, delivery times or costs.
Size	Small shows compact cards without icons. Medium is the standard. Large shows taller cards with more room. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Text.
Text	Rich text.
From the theme settings
Show delivery	Checkbox. On by default.
Show returns	Checkbox. On by default.
Show guarantee	Checkbox. On by default.
Show the summary rows	Shipping, delivery time, return window and guarantee as rows of the table. Checkbox. On by default.
Table
Table heading	Text.
Note	Rich text.
Show links to the policies	Checkbox. On by default.
Extra link label	Text.
Extra link	Link.

Table#

A plain table for a size guide, a dose guide, dimensions or opening hours. Write one row per line and separate cells with a vertical bar, for example Small | 96 cm | 68 cm.

Settings of Table

Table settings
Setting	What it does
A plain table for a size guide, a price list, dimensions or opening hours. Write one row per line and separate the cells with a vertical bar.
Size	Sets the space above and below the section: small is tight, medium is the default, large is airy. Choices: Small, Medium, Large. Default: Medium.
Label	Text.
Heading	Text.
Text	Rich text.
Table
Rows	One row per line. Separate cells with \|. Text, several lines.
First row is the header	Checkbox. On by default.
First column names the row	Checkbox. On by default.
Caption	Text.
Show in a card	Checkbox. On by default.
Width	Choices: Page width, Reading column. Default: Page width.
Note	Rich text.

Divider#

A quiet break between two parts of a page: a hairline, a dotted line, a label in the line, an aurora line, a numbered chapter mark or space only.

Settings of Divider

Divider settings
Setting	What it does
A quiet break between two parts of a page. The line draws from the left when it comes on screen.
Size	The space around the line: small, medium or large. Choices: Small, Medium, Large. Default: Medium.
Style	Choices: Hairline, Dotted line, Label in the line, Aurora line, Numbered chapter mark, Space only. Default: Hairline.
Label	Text.
Number	For example 02. Text.
Label position	Choices: Left, Center. Default: Center.
Width	Choices: Page width, Reading column, Full width. Default: Page width.

Custom section#

A blank section that accepts any theme block. Arrange blocks as a stack, a grid, two columns or a row. Use it when no ready-made section fits. The blocks are listed under Theme blocks.

Blocks:

Also accepts any theme block and app blocks.

Settings of Custom section

Custom section settings
Setting	What it does
A blank part of a page. This theme reads as one narrow column with a lot of air between groups: start from a preset, then add blocks.
Size	Sets the scale of the whole section. Small is compact: figures sit on one line, logos are a quiet strip, cards are rows. Medium is the standard page. Large gives a figure or a trailer line the whole screen. Choices: Small, Medium, Large. Default: Medium.
Layout
Width	The reading column is the content width set in the theme settings, 520 px by default. Choices: Reading column, Wide column, Page, Full width. Default: Page.
Column position	Where a reading column or a wide column sits on desktop. Choices: Left, Center, Right. Default: Center.
Arrangement	Two columns puts the first block on one side and the second on the other, as on the product page. Group blocks to put several on one side. Choices: Stack, Grid, Two columns, Row. Default: Stack.
Spacing between blocks	Page rhythm is the space this theme leaves between groups. It follows the size of the section. Choices: Extra small, 8 px, Small, 12 px, Medium, 20 px, Large, 32 px, Extra large, 56 px, Page rhythm. Default: Medium, 20 px.
Alignment	Choices: Left, Center, Right. Default: Left.
Vertical alignment	Choices: Top, Middle, Bottom, Stretch. Default: Top.
Columns on desktop	Range: 1 to 6. Default: 3.
Columns on mobile	Range: 1 to 3. Default: 1.
Column widths	With a reading column, the other side takes the rest of the page, as the gallery does on the product page. Choices: Equal, Wide first column, Wide second column, Reading column second, Reading column first. Default: Equal.
Keep in view while scrolling	On desktop that side stays in place while the other scrolls. Choices: Nothing, The first column, The second column. Default: Nothing.
Show the second column first on mobile	Checkbox. Off by default.
Look
Show a line above	Checkbox. Off by default.

Custom Liquid#

A place for Liquid code or an app snippet. See the note on custom code in the support policy.

Settings of Custom Liquid

Custom Liquid settings
Setting	What it does
Liquid code	Add app snippets or other code to create advanced customizations. Liquid code.
Size	Sets the scale of the whole section. Small is compact: figures sit on one line, logos are a quiet strip, cards are rows. Medium is the standard page. Large gives a figure or a trailer line the whole screen. Choices: Small, Medium, Large. Default: Medium.
Width	Choices: Reading column, Wide column, Page, Full width. Default: Page.
Column position	Choices: Left, Center, Right. Default: Center.

Apps#

A section that holds app blocks only, for apps that add content to a page. See Apps.

Settings of Apps

Apps settings
Setting	What it does
Size	The space above and below the apps. Choices: Small, Medium, Large. Default: Medium.
Full width	Checkbox. Off by default.

Theme blocks#

Theme blocks are the building pieces of the Custom section, the Stage and column section, the product page and any block that accepts other blocks, such as Group and Detail card.

Group#

A container that lays out the blocks inside it as a stack, a row or a grid, with an optional surface behind them. Put groups inside groups to build columns.

Settings of Group

Group settings
Setting	What it does
Layout	A stack sets blocks one under the other. A row sets them side by side and wraps. Two columns sit side by side on desktop and stack on mobile. Choices: Stack, Row, Grid, Two columns. Default: Stack.
Spacing between blocks	Range: 0 to 64 px. Default: 16 px.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Vertical alignment	Choices: Top, Middle, Bottom, Stretch. Default: Top.
Distribution	Choices: Follow the alignment, Push to the edges. Default: Follow the alignment.
Stack on mobile	Checkbox. Off by default.
Columns on desktop	Range: 1 to 6. Default: 3.
Columns on mobile	Range: 1 to 3. Default: 1.
Column widths	Choices: Equal, Wide first column, Wide second column, Reading column second, Reading column first. Default: Equal.
Show the second column first on mobile	Checkbox. Off by default.
Width	Choices: Fill the space, Fit the content, Short line, 36 characters, Reading column. Default: Fill the space.
Surface
Surface	A rim card is white inside a gray rim. A well is pressed gray and holds controls. Use glass only over images. Choices: None, Rim card, Well, Glass. Default: None.
Padding	Range: 0 to 64 px. Default: 0 px.
Behavior
Keep in view while scrolling	On desktop the group stays in place while a taller column scrolls beside it. Checkbox. Off by default.
Link	Makes the whole group a link. Leave empty when the group holds buttons or links of its own. Link.

Heading#

A heading with a size, a level and an alignment.

Settings of Heading

Heading settings
Setting	What it does
Heading	Text.
Size	Page title is 40 px on desktop, display 28 px, section title 20 px. Trailer sizes grow with the screen. Choices: Page title, Display, Section title, Trailer, Large trailer, Reading size. Default: Display.
Heading level	Sets the place of the heading in the page outline, not its look. Choices: Heading 1, Heading 2, Heading 3, Heading 4, Paragraph. Default: Heading 2.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Line length	Set to 0 to use the full width. Range: 0 to 40 characters. Default: 0 characters.
Add an asterisk	The asterisk links to the Footnote block on the page. Checkbox. Off by default.

Text#

Rich text at body or reading size, in one or two columns.

Settings of Text

Text settings
Setting	What it does
Text	To attach a note to a few words, select them, add a link and enter #note- followed by the handle of a Source or note block on this page. Rich text.
Size	Choices: Reading, 15 px, Body, 13 px, Small print, 11 px. Default: Reading, 15 px.
Line length	Choices: Full width, Short, 36 characters, Medium, 48 characters, Long, 60 characters. Default: Full width.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Use the secondary text color	Checkbox. Off by default.
Use 2 columns on desktop	Checkbox. Off by default.
Link asterisks to the footnote	Each asterisk becomes a link to the Footnote block on the page. Checkbox. Off by default.

Label#

A short line in the label font, with an optional icon.

Settings of Label

Label settings
Setting	What it does
Label	Text.
Icon	Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.
Heading level	Choices: Paragraph, Heading 2, Heading 3, Heading 4. Default: Paragraph.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Use the secondary text color	Checkbox. On by default.
Show a line above	The line draws from the left when the label arrives. Checkbox. Off by default.

Image#

An image with a shape, a ratio, an optional rim card frame, a caption and a link.

Settings of Image

Image settings
Setting	What it does
Image	2400 x 1600px .jpg recommended. Set the focal point on the image to choose what stays in view when it is cropped. Image.
Alternative text	Describe the image for people who cannot see it. Uses the alt text of the image when empty. Text.
Shape	A porthole is a round window with a white ring. Choices: Rectangle, Porthole. Default: Rectangle.
Image ratio	Choices: Adapt to image, Square, Portrait, Tall portrait, Landscape, Wide, Panorama. Default: Adapt to image.
Image fit	Choices: Fill the frame, Show the whole image. Default: Fill the frame.
Porthole size	Range: 56 to 480 px. Default: 240 px.
Width	Range: 20 to 100%. Default: 100%.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Frame
Show in a rim card	A gray rim around the image, as on the cards. Checkbox. Off by default.
Corners	Choices: Follow the theme, Square. Default: Follow the theme.
Caption	Text.
Link	Link.
Behavior
Keep in view while scrolling	On desktop the image stays in place while a taller column scrolls beside it. Checkbox. Off by default.
Space on desktop	Helps the browser choose the right file size. Choices: About half the screen, The reading column, The full width. Default: About half the screen.
Load first	Turn on for an image at the top of the page. Checkbox. Off by default.

Video#

An uploaded or external video, as a silent loop or a player.

Settings of Video

Video settings
Setting	What it does
Video	A video uploaded to your store. It replaces the external video. Video.
Play as	A player shows the cover image and a play button, then the controls of the browser. A silent loop plays by itself while it is on screen, pauses off screen, has a pause button and never starts when the visitor asks for reduced motion. Choices: Player with sound, Silent loop. Default: Player with sound.
External video	A YouTube or Vimeo link. With a cover image, the video loads only when the visitor presses play. YouTube or Vimeo link.
Video description	Describes the video for people who cannot see it. Text.
Cover image	1600 x 900px .jpg recommended. Uses the first frame of an uploaded video when empty. Image.
Shape	Choices: Rectangle, Porthole. Default: Rectangle.
Aspect ratio	Choices: Adapt to video, Wide, Square, Portrait, Vertical. Default: Wide.
Porthole size	Range: 56 to 480 px. Default: 240 px.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Show in a rim card	Checkbox. Off by default.
Keep in view while scrolling	Checkbox. Off by default.
Caption	Text.

Button#

One button with a style, an optional arrow and an optional line under it.

Settings of Button

Button settings
Setting	What it does
Button label	Text.
Link	Link.
Note handle	Enter the handle of a Source or note block on this page to open its bubble. The note opens instead of the link. Text.
Style	Use solid for the one main action of a page. Quiet sits in the gray of the wells, paper is white with a soft shadow, outline is a clear button with a 1 px line that fills on hover. Choices: Solid, Quiet, Paper, Outline, Text link. Default: Solid.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Use the large size	Checkbox. Off by default.
Use the full width	Checkbox. Off by default.
Show arrow	Checkbox. Off by default.
Arrow	Choices: Right, Up and right. Default: Right.
Open link in a new tab	Checkbox. Off by default.
Line under the button	Use it for one reassurance, such as the shipping time. Text.

Figure#

One number, alone, with the line that says what it measures. It can count up and can carry a small bar chart.

Settings of Figure

Figure settings
Setting	What it does
One number, alone, with the line that says what it measures. Add a Source or note block inside to show where it comes from.
Benefit
Benefit label	Text.
Icon	Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.
Figure
Prefix	A sign or a currency symbol before the number. Text.
Value	Text.
Unit	Set small after the number, such as %, kg or days. Text.
Count up to the figure	The number runs up to its value once, when it comes on screen. Follows the motion setting of the theme. Checkbox. On by default.
Size	Large is up to 128 px. Use words for a short phrase instead of a number. Choices: Large, Medium, Words, Small. Default: Large.
Add an asterisk	The asterisk links to the Footnote block on the page. Checkbox. Off by default.
Line
Text	Rich text.
Keep the line short	Limits the line to 36 characters. Checkbox. On by default.
Use the secondary text color	Checkbox. Off by default.
Chart
Bars	Add one bar per line, as a label, a colon and a number. End a line with an asterisk to draw its bar in the text color. Leave empty for no chart. Text, several lines.
Chart caption	Say what the bars measure and in which unit. Text.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.

Fact label#

Facts set like a product label: a heading on a thick rule and rows with dotted leaders. Rows are typed one per line as Label: value. It can be made collapsible.

Settings of Fact label

Fact label settings
Setting	What it does
Facts set like a product label: a heading on a thick rule, then rows with a dotted leader between the name and the value.
Heading	Text.
Rows	Add one row per line. Separate the label and the value with a colon. A line without a colon starts a new group with that line as its heading. Text, several lines.
Line under the rows	Text.
Set the last row as a total	Checkbox. Off by default.
Show in a rim card	Checkbox. On by default.
Collapsible
Make collapsible	Checkbox. Off by default.
Show open by default	Checkbox. Off by default.
First statement	A short pill in the closed row. Text.
First explanation	Text.
Second statement	Text.
Second explanation	Text.

Collapsible row#

A row that opens to show text or other blocks.

Settings of Collapsible row

Collapsible row settings
Setting	What it does
Heading	Text.
Text	Rich text.
Style	Rows that follow each other share one line. Put chevron rows in a Group set to a rim card to get the look of the Questions block. Choices: Plus sign, Chevron. Default: Plus sign.
Show open by default	Checkbox. Off by default.
Link asterisks to the footnote	Each asterisk becomes a link to the Footnote block on the page. Checkbox. Off by default.

Detail cards#

A set of Detail card blocks side by side or as rows.

Settings of Detail cards

Detail cards settings
Setting	What it does
Cards that each open a panel with the full story. Keep the page light and let people go deep where they choose to.
Heading	Text.
Layout on desktop	On mobile the cards are always rows. Choices: Tiles side by side, Rows. Default: Tiles side by side.
Columns on desktop	Range: 2 to 4. Default: 3.
Large cards	Larger windows, names and spacing. Off, the cards keep their standard size. Checkbox. Off by default.

Detail card#

A card that opens a panel. The panel can hold blocks, the content of a page, one entry of a product metafield, or the delivery and returns statements from the theme settings. With a Link, the card goes to that link and opens no panel.

Settings of Detail card

Detail card settings
Setting	What it does
A card that opens a panel: a sheet from the bottom on mobile, a panel on the right edge on desktop. Use the Detail cards block to set several side by side.
Heading	Text.
Line under the heading	Text.
Icon	Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.
Porthole image	A small round window on the card. 480 x 480px .jpg recommended. Without an image or a video, the window holds the icon. Image.
Porthole video loop	A short loop without sound, played while the card is on screen. Visitors can pause it, and it never starts when they ask for reduced motion. A square video of 480 x 480px, under 20 seconds, works best. Video.
Link	With a link, the card goes there and opens no panel. Leave empty to open the panel. Link.
Panel
Content	Delivery and returns writes itself from the theme settings and your store policies. Product metafield reads one entry of custom.detail_cards on the product of the page: a list of single line text written Title \| Text, or a list of metaobject entries with the fields title, subtitle, icon, image, body. The entry's title replaces the card heading. A product without it shows the blocks inside this card. Choices: Blocks inside this card, A page, Product metafield (custom.detail_cards), Delivery and returns settings. Default: Blocks inside this card.
Page	Page.
Entry to show	The position of the entry in the product metafield: 1 is the first. Range: 1 to 6. Default: 1.
Text before the content	Rich text.
Panel label	Uses the card heading when empty. Text.
Panel heading	Uses the card heading when empty. Text.
Show the porthole beside the heading	Checkbox. On by default.
Use the full height	Keeps the panel the same size when rows open and close. Checkbox. On by default.
Side on desktop	Choices: Right, Left. Default: Right.

Questions#

Questions in tabs. Each Tab is one card of Question blocks.

Settings of Questions

Questions settings
Setting	What it does
Questions in tabs. Each tab is one card and all tabs share one place on the page, so changing tab never moves what is below. With one tab, the tabs are hidden.
Heading	Text.
Heading level	Choices: Heading 2, Heading 3. Default: Heading 2.
Name of the tabs	Read by screen readers when the heading is empty. Text.
Stretch the tabs to the full width	Turn on for 3 tabs or more, or for long tab names. Checkbox. Off by default.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.
Link under the questions
Link label	Text.
Link	Link.
Search engines
Add FAQ structured data	Built from the questions and answers as they are shown. Turn it on for one Questions block per page. Checkbox. On by default.

Ingredient list#

Ingredients or materials as label rows: a name, an amount and what it does. Type the rows in the block, or let each product bring its own. See Custom data.

Settings of Ingredient list

Ingredient list settings
Setting	What it does
Ingredients or materials as label rows: a name, an amount and what it does. Type them here, or let each product bring its own from a product metafield. Without any row, the block prints nothing.
Heading	Text.
Source	Product metafield reads custom.ingredients on the product of the page. Accepted types: list of single line text written Name \| Amount \| Note; multi-line text with one row per line; or a list of metaobject entries. A product without it shows the rows typed below. Choices: Rows typed below, Product metafield (custom.ingredients). Default: Rows typed below.
Rows	One ingredient per line, written Name \| Amount \| Note. The note is optional and sits under the name. Text, several lines.

Evidence list#

Claims as rows that open, each closing on its source. Type the rows in the block, or let each product bring its own.

Settings of Evidence list

Evidence list settings
Setting	What it does
Claims as rows that open, each closing on its source. Type them here, or let each product bring its own from a product metafield. Without any row, the block prints nothing.
Heading	Text.
Source	Product metafield reads custom.claims on the product of the page. Accepted types: list of single line text written Statement \| Detail \| Source \| Source link; multi-line text with one row per line; or a list of metaobject entries. A product without it shows the rows typed below. Choices: Rows typed below, Product metafield (custom.claims). Default: Rows typed below.
Rows	One claim per line, written Statement \| Detail \| Source \| Source link. Everything after the statement is optional. State only what you can support, and name the source. Text, several lines.
Maximum claims to show	Range: 1 to 12. Default: 6.

Question list#

Questions and answers as rows that open. Type the rows in the block, or let each product bring its own.

Settings of Question list

Question list settings
Setting	What it does
Questions and answers as rows that open. Type them here, or let each product bring its own from a product metafield. Without any row, the block prints nothing.
Heading	Text.
Source	Product metafield reads custom.faq on the product of the page. Accepted types: list of single line text written Question \| Answer; multi-line text with one row per line; or a list of metaobject entries. A product without it shows the rows typed below. Choices: Rows typed below, Product metafield (custom.faq). Default: Rows typed below.
Rows	One question per line, written Question \| Answer. Text, several lines.
Maximum questions to show	Range: 2 to 20. Default: 8.
Show the first answer open	Checkbox. Off by default.
Add structured data for search engines	Turn on for one questions block a page at most. Checkbox. Off by default.

Story#

A brand or maker story: a label, a heading, an image and text.

Settings of Story

Story settings
Setting	What it does
A brand or maker story: a label, a heading, an image and text. Type it here, or let each product bring its own from a product metafield.
Source	Product metafield reads custom.story on the product of the page. Accepted types: rich text or multi-line text (it replaces the text below, under the heading typed here), or one metaobject entry with the fields title, kicker, image, lead, body. A product without it shows the text typed below. Choices: Text typed below, Product metafield (custom.story). Default: Text typed below.
Label	Text.
Heading	Text.
Image	1400 x 1050px .jpg recommended. Image.
Text	Rich text.
Show the image	Checkbox. On by default.

Statements#

Short pills that each state one fact. A statement with an explanation shows it in a bubble on hover, focus and tap.

Settings of Statements

Statements settings
Setting	What it does
Short pills that each state one fact. An explanation shows in a small glass bubble on hover, on keyboard focus and on tap. Statements open nothing else.
Label	Text.
Size	Choices: Small, Large. Default: Small.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.

Statement line#

A few large words, used as a closing line.

Settings of Statement line

Statement line settings
Setting	What it does
A few big words, like the last card of a film trailer, with the line and the source that back them.
Words	Text.
Size	Choices: Large, Extra large. Default: Extra large.
Heading level	Choices: Heading 2, Heading 3, Paragraph. Default: Heading 2.
Add an asterisk	The asterisk links to the Footnote block on the page. Checkbox. Off by default.
Line	Rich text.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.

Progress thread#

A line drawn from a first step to a last one, for a change over time.

Settings of Progress thread

Progress thread settings
Setting	What it does
A line from a first step to a last one, drawn once when it comes on screen, with a figure that changes once on the way. Use it for what happens over time: a routine, a delivery, a warranty.
Benefit
Benefit label	Text.
Icon	Choices: None, Alert, Arrow, Arrow down and 98 more. Default: None.
Figure
Start value	Text.
End value	Text.
Unit	Text.
Size	Choices: Large figure, Medium figure, Words, Small figure. Default: Large figure.
Add an asterisk	The asterisk links to the Footnote block on the page. Checkbox. Off by default.
Text	Rich text.
Steps
Steps	Add one step per line, 2 to 6 steps. Add a colon and a few words to describe a step. Text, several lines.
Direction	Use top to bottom for more than 4 steps or for longer descriptions. Choices: Left to right, Top to bottom. Default: Left to right.
Line drawn	How far the dark line goes. Use less than 100% to show progress so far. Range: 10 to 100%. Default: 100%.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.

Logo cards#

Logos as a grid of cards: press, stockists or certifications.

Settings of Logo cards

Logo cards settings
Setting	What it does
Logos as a grid of cards: press, stockists, certifications, journals. Each logo sits on the same line and starts at the left edge, whatever its width.
Label	Text.
Columns on desktop	Range: 2 to 6. Default: 3.
Columns on mobile	Range: 1 to 3. Default: 2.
Line under the cards	Say what the logos mean, and what they do not. Text.

One email field and one button. Subscribers are added to your customer list.

Settings of Email signup

Email signup settings
Setting	What it does
One field and one button in a gray well. Subscribers are added to your customer list with the tags below and accept marketing.
Field label	Text.
Button label	Text.
Line under the field	Text.
Success message	Shown in the field once the address is saved. Uses the theme text when empty. Text.
Customer tags	Separate tags with a comma. Use a tag of your own to tell where a subscriber signed up. Text.
Look
Size	Large is 68 px tall, at the scale of a trailer line. Compact is 56 px. Choices: Large, Compact. Default: Large.
Stack the field and the button	Under 480 px they always stack, so a full address stays readable. Checkbox. Off by default.
Play the sending animation	A small capsule carries the address to the button while the form is sent. It does not play when the visitor asks for reduced motion. Checkbox. On by default.

Source or note#

A link that opens a bubble with the details behind a statement: what was measured, a small chart and a link to the source.

Settings of Source or note

Source or note settings
Setting	What it does
A link that opens a bubble with the details: what a number means, where a claim comes from, how a policy works. The link to the source comes last, inside the bubble.
Handle	A short name, such as study-1. A link in any rich text whose URL is #note-study-1 then opens this note. Buttons and logo cards can open it too. Use each handle once per page. Text.
Link
Show as	A small label sits well under a figure. Choose nothing when the note opens from words in a rich text. Choices: Small label, Text link, Badge, Nothing, other links open it. Default: Small label.
Link label	Text.
Bubble
Label	What kind of note this is, such as Study, Policy or Material. Text.
Heading	Text.
Subheading	Where it was published, or who says it. Text.
Details	Add one row per line. Separate the label and the value with a colon. Text, several lines.
Large word or number	A verdict or a result, set large. Text.
Chart	Add one bar per line, as a label, a colon and a number. End a line with an asterisk to draw its bar in the text color. Leave empty for no chart. Text, several lines.
Chart caption	Say what the bars measure and in which unit. Text.
Details after the chart	Add one row per line. Separate the label and the value with a colon. Text, several lines.
Text	Rich text.
Small print	Text.
Read more
Link to the source	Link.
Source link label	Text.
Behavior
Position on desktop	On mobile a note is always a sheet from the bottom. Choices: Panel on the right edge, Bubble next to the link. Default: Panel on the right edge.

Sources#

A numbered list of sources.

Settings of Sources

Sources settings
Setting	What it does
Heading	Text.
Sources	Add one source per line. To link a source, add a vertical bar and its address after the name. To open a note, add a vertical bar and #note- followed by its handle. Text, several lines.

Footnote#

The line that asterisks on the page link to, for a regulatory statement or a condition.

Settings of Footnote

Footnote settings
Setting	What it does
The line every asterisk on the page links to. It lights once when a reader arrives from an asterisk.
Text	Text.
Marker	Text.
ID	Asterisks added by this theme link to fn. Change it only for a second footnote that you link to yourself. Text.
Line length	Choices: Full width, Short, 36 characters, Medium, 48 characters, Long, 60 characters. Default: Long, 60 characters.
Alignment	Choices: Same as the container, Left, Center, Right. Default: Same as the container.

Divider#

A line, a label in a line or a chapter mark between blocks.

Settings of Divider

Divider settings
Setting	What it does
Style	Choices: Hairline, Dotted line, Label in the line, Aurora line, Numbered chapter mark, Space only. Default: Hairline.
Label	Text.
Number	For example 02. Text.
Label position	Choices: Left, Center. Default: Center.
Space around	Choices: Small, Medium, Large. Default: Medium.

Spacer#

Empty space of a chosen height.

Settings of Spacer

Spacer settings
Setting	What it does
Height	On mobile, 70% of this height is used. The page rhythm of this theme is 112 px between groups on mobile and 160 px on desktop. Range: 8 to 240 px. Default: 56 px.
Show a line	Checkbox. Off by default.

Product card#

One product as a card, with an optional quick add.

Settings of Product card

Product card settings
Setting	What it does
Product	Product.
Card style	Choices: Image only, Rim card. Default: Rim card.
Image ratio	Choices: Adapt to image, Square, Portrait, Tall portrait, Landscape. Default: Portrait.
Image fit	Choices: Fill the frame, Show the whole image. Default: Fill the frame.
Quick add	Choices: Round button on the image, Button under the price, None. Default: Button under the price.

Custom Liquid#

Liquid code or an app snippet between other blocks.

Settings of Custom Liquid

Custom Liquid settings
Setting	What it does
Liquid code	Add app snippets or other code to create advanced customizations. Liquid code.

Sections and blocks

Add and arrange sections#

Settings every section shares#

Heroes and openers#

Hero#

Split hero#

Image banner#

Slideshow#

Page header#

Video#

Notice#

Marquee#

Products and collections#

Featured collection#

Featured product#

Collection list#

Bundle builder#

Related products#

Blog posts#

Evidence and trust#

Claims#

Figures#

Facts table#

Press and logos#

Testimonials#

Creator videos#

Before and after#

Comparison table#

Story and explanation#

Image with text#

Image story#

Timeline#

Steps#

Stage and column#

Gallery#

Multicolumn#

Detail cards#

Next steps#

Utility#

Questions#

Email signup#

Contact form#

Store information#

Delivery and returns#

Table#

Divider#

Custom section#

Custom Liquid#

Apps#

Theme blocks#

Group#

Heading#

Text#

Label#

Image#

Video#

Button#

Figure#

Fact label#

Collapsible row#

Detail cards#

Detail card#

Questions#

Ingredient list#

Evidence list#

Question list#

Story#

Statements#

Statement line#

Progress thread#

Logo cards#

Email signup#

Source or note#

Sources#

Footnote#

Divider#

Spacer#

Product card#

Custom Liquid#