Sections
The 53 section types a page is built from, where each may sit, and what each one takes.
Every setting is optional, and one left out falls back to its default. A band of a type this release does not build is refused when a theme is imported, and dropped from the page when it is already stored, so the rest of the page still renders.
intro
In the editor: Your name and a line about the shop. Leave the heading empty to use the shop name.
Pages: home
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
assistant
In the editor: The question box. Where a shopper describes what they need. The heading is its placeholder text.
Pages: home, search, collection, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading |
products
In the editor: A grid of products. Everything for sale, A to Z.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 48 | 24 | How many to show |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | grid, rail, mosaic, list, bento, index, offset, carousel, marquee, menu, stack | grid | Layout |
collections
In the editor: A grid of collections. Useful for a shop with a few clear ranges.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 48 | 12 | How many to show |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | grid, rail, tiles, chips | grid | Layout |
note
In the editor: A band of text. Delivery promise, returns, the story. Text only, and that is deliberate.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
hero
In the editor: A hero. A picture, a large heading, and up to one button. The first thing a shopper sees.
Pages: home, collection, page, blog, search
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
subheading | text | Up to 300 characters | Subheading | |
image | media | The id of a picture in the shop's own media | Background picture | |
video | url | A path, an anchor, an https:// address or mailto: | A film over the picture | |
ctaLabel | text | Up to 60 characters | Button text | |
ctaHref | url | A path, an anchor, an https:// address or mailto: | Button link | |
align | select | start, centre | start | Alignment |
width | select | contained, full | full | Width |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
fit | boolean | true or false | false | Fit the large words to the width |
preset | select | classic, image_scrim, split, editorial, poster, cover | classic | Layout |
rich_text
In the editor: Formatted text. Headings, lists and links, unlike the plain band. Still no arbitrary markup.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
align | select | start, centre | start | Alignment |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
image_with_text
In the editor: A picture beside text. The usual way to explain one thing at a time.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
image | media | The id of a picture in the shop's own media | Picture | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
ctaLabel | text | Up to 60 characters | Button text | |
ctaHref | url | A path, an anchor, an https:// address or mailto: | Button link | |
imageSide | select | start, end | start | Which side the picture sits on |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
shape | select | plain, arch, circle, pill, blob, ticket, torn | plain | The shape of the picture |
preset | select | split, overlap, stacked, bleed, sticky, masked | split | Layout |
multicolumn
In the editor: Columns. Two to four short blocks side by side. Delivery, returns, guarantee.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | columns, numbered, rail | columns | Layout |
Blocks: up to 4 of type column (column), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
icon | media | The id of a picture in the shop's own media | Picture | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
href | url | A path, an anchor, an https:// address or mailto: | Link |
gallery
In the editor: A row of pictures. Up to six. Each one can link somewhere.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
shape | select | plain, arch, circle, pill, blob, ticket, torn | plain | The shape of the picture |
preset | select | grid, rail, mosaic, bleed, offset | grid | Layout |
Blocks: up to 12 of type image (picture), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
image | media | The id of a picture in the shop's own media | Picture | |
alt | text | Up to 300 characters | Description for a screen reader | |
href | url | A path, an anchor, an https:// address or mailto: | Link |
video
In the editor: A video. Linked rather than embedded, so no third party gets a script on your shop.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
poster | media | The id of a picture in the shop's own media | Still picture | |
href | url | A path, an anchor, an https:// address or mailto: | Where the video plays | |
body | richtext | Up to 2000 characters | Text |
banner
In the editor: A strip. One line across the page. A sale, a delivery cut-off, a notice.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found, shop
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
body | text | Up to 300 characters | Text | |
href | url | A path, an anchor, an https:// address or mailto: | Link | |
background | colour | A colour | Background colour | |
foreground | colour | A colour | Text colour | |
preset | select | strip, ticker | strip | Layout |
spacer
In the editor: A gap. Room between two bands that would otherwise crowd each other.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
size | number | 1 to 8 | 4 | How much room |
divider
In the editor: A line. A rule across the page.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
No settings.
featured_product
In the editor: One product. A single product, given room.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
product | product | A product handle | Which product | |
body | richtext | Up to 2000 characters | Text | |
buyHere | boolean | true or false | false | Let shoppers buy from this band |
featured_collection
In the editor: Products from one collection. A grid drawn from a range you choose rather than from everything.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
collection | collection | A collection handle | Which collection | |
limit | number | 1 to 48 | 8 | How many to show |
collection_list
In the editor: Chosen collections. Name the ranges you want shown, rather than showing all of them.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
first | collection | A collection handle | First collection | |
second | collection | A collection handle | Second collection | |
third | collection | A collection handle | Third collection | |
fourth | collection | A collection handle | Fourth collection | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | grid, rail, tiles, chips | grid | Layout |
collection_columns
In the editor: Collections side by side. Two or three ranges in columns, each listing its products under its name.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
first | collection | A collection handle | First column | |
second | collection | A collection handle | Second column | |
third | collection | A collection handle | Third column | |
limit | number | 1 to 8 | 4 | Products in each column |
faq
In the editor: Questions and answers. Up to six. Each opens on click and is readable with script off.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | list, two_column, sticky | list | Layout |
Blocks: up to 20 of type question (question), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
question | text | Up to 300 characters | Question | |
answer | richtext | Up to 2000 characters | Answer |
testimonials
In the editor: What customers said. Up to four quotes. Yours to write, unlike the reviews band.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | grid, rail, marquee | grid | Layout |
Blocks: up to 12 of type testimonial (quote), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
quote | text | Up to 600 characters | What they said | |
attribution | text | Up to 120 characters | Who said it |
logo_list
In the editor: A row of logos. Brands you stock, press you appeared in, badges you hold.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
preset | select | grid, rail, marquee | grid | Layout |
Blocks: up to 12 of type logo (logo), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
image | media | The id of a picture in the shop's own media | Logo | |
alt | text | Up to 200 characters | Whose logo this is | |
href | url | A path, an anchor, an https:// address or mailto: | Link |
policy_badges
In the editor: Your promises. Delivery, returns and contact, each linking to the policy that says so.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
showShipping | boolean | true or false | true | Delivery |
showReturns | boolean | true or false | true | Returns |
showContact | boolean | true or false | true | Contact |
blog_posts
In the editor: Recent posts. The latest from a blog you name.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
blog | blog | A blog handle | Which blog | |
limit | number | 1 to 12 | 3 | How many |
preset | select | list, cards, rail | list | Layout |
article_body
In the editor: The post itself. Where the writing goes on a post. Move it, do not remove it.
Pages: article
No settings.
contact_form
In the editor: A contact form. Goes to your support address. Works without script, and is rate limited.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
buttonLabel | text | Up to 60 characters | Button text | |
askSubject | boolean | true or false | true | Ask what it is about |
newsletter_signup
In the editor: A subscribe form. Asks for an email address and sends it one email to confirm. Nobody is added to your list until they press the button in it.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
buttonLabel | text | Up to 60 characters | Button text |
reviews
In the editor: Reviews. Published reviews of this product. Nothing appears until you approve it.
Pages: product
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 20 | 5 | How many |
showForm | boolean | true or false | true | Let a customer write one |
related_products
In the editor: Related products. What shoppers buy together first, then more like it from your own shop.
Pages: product
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 12 | 4 | How many |
styled_with
In the editor: Styled with. The pieces you paired with this one, what the look costs and a link that adds it all. Pair pieces on the product in your admin.
Pages: product
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
limit | number | 1 to 6 | 3 | How many pieces beside this one |
recently_viewed
In the editor: Recently viewed. What this shopper looked at, read from their own browser. New visitors see nothing.
Pages: product, collection, cart, home, search
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 12 | 4 | How many |
countdown
In the editor: A countdown. Counts down to a moment you name, and shows the date itself where script cannot run.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
endsAt | text | Up to 40 characters | Ends at | |
body | richtext | Up to 2000 characters | Text | |
expiredBody | text | Up to 300 characters | What it says afterwards |
plugin_block
In the editor: An app. A band from one of the apps you have installed.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
plugin | text | Up to 200 characters | Which app |
app_block
In the editor: A section from an app. One section an app you have installed offers, placed wherever you want it.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
app | text | Up to 63 characters | Which app | |
section | text | Up to 32 characters | Which section |
cta_bar
In the editor: One thing to do. A line and a button. On a landing page, the thing the page is for.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
buttonLabel | text | Up to 60 characters | Button text | |
href | url | A path, an anchor, an https:// address or mailto: | Where it goes | |
sticky | boolean | true or false | false | Keep it on screen as they scroll |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
article_meta
In the editor: Byline and date. Who wrote it, when, and how long it takes to read.
Pages: article
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
showAuthor | boolean | true or false | true | Show the byline |
showReadingTime | boolean | true or false | true | Show how long it takes to read |
article_toc
In the editor: What is in this post. Built from your own headings. Nothing to fill in.
Pages: article
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading |
article_share
In the editor: Share links. Plain links. No third-party script and no tracking.
Pages: article
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading |
article_related
In the editor: More like this. Other posts in this blog, newest first.
Pages: article
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 6 | 3 | How many |
author_bio
In the editor: About the author. The byline, their note and their picture, from the post itself.
Pages: article
No settings.
page_body
In the editor: The page itself. Where the writing goes. Move it, do not remove it.
Pages: page
No settings.
article_list
In the editor: The posts. Recent posts in this blog, newest first.
Pages: blog
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
limit | number | 1 to 48 | 12 | How many |
preset | select | list, cards, rail | list | Layout |
collection_header
In the editor: The category itself. Its name, the trail above it, and your description. Move it, do not remove it.
Pages: collection
No settings.
collection_products
In the editor: The products in it. The grid. Without this band a category page lists nothing.
Pages: collection
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
limit | number | 4 to 48 | 24 | How many per page |
filters | boolean | true or false | true | Let shoppers filter and sort |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
feature | media | The id of a picture in the shop's own media | A photograph set into the grid | |
featureLine | text | Up to 120 characters | A line beside the photograph | |
featureHref | url | A path, an anchor, an https:// address or mailto: | Where the photograph links | |
preset | select | grid, rail, mosaic, list, index, offset, bento, menu, stack | grid | Layout |
marquee
In the editor: Scrolling words. A line of the shop's own phrases, moving. Type as texture.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
speed | select | slow, steady, quick | steady | How fast |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
Blocks: up to 12 of type phrase (phrase), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
text | text | Up to 80 characters | The words |
manifesto
In the editor: One sentence, set large. What the shop believes, in its own voice. No attribution: this is you speaking.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
align | select | start, centre | start | Alignment |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
fit | boolean | true or false | false | Fit the large words to the width |
promo_pair
In the editor: Picture tiles or story panels. Shop men, shop women. Or a run of full-width pictures, each with a line and a link.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | tiles, panels, spread | tiles | Layout |
Blocks: up to 6 of type tile (tile), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
image | media | The id of a picture in the shop's own media | Picture | |
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | text | Up to 240 characters | One sentence under the heading | |
ctaLabel | text | Up to 60 characters | Button text | |
href | url | A path, an anchor, an https:// address or mailto: | Where it goes |
process_steps
In the editor: How it works. Numbered steps. How it is made, how a fitting works, what happens after you order.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
Blocks: up to 6 of type step (step), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
image | media | The id of a picture in the shop's own media | Picture |
figures
In the editor: Numbers about the business. Forty years, three makers, one workshop. Set large.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading |
Blocks: up to 4 of type figure (figure), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
value | text | Up to 24 characters | The number | |
label | text | Up to 60 characters | What it counts |
comparison
In the editor: Ours against the usual. Two columns of plain claims. Crawlers and shopping agents read this well.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
ours | text | Up to 60 characters | Your column | |
theirs | text | Up to 60 characters | The other column |
Blocks: up to 10 of type row (row), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
label | text | Up to 80 characters | What is being compared | |
ours | text | Up to 80 characters | Yours | |
theirs | text | Up to 80 characters | Theirs |
lookbook
In the editor: A picture with its products marked. One photograph and up to six products pinned where they appear in it, listed beside it.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
image | media | The id of a picture in the shop's own media | Picture | |
body | richtext | Up to 2000 characters | Text | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
Blocks: up to 6 of type spot (product), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
product | product | A product handle | Which product | |
x | number | 0 to 100 | 50 | How far across, in percent |
y | number | 0 to 100 | 50 | How far down, in percent |
collage
In the editor: Pictures laid over each other. Three to five photographs, scattered, stacked or in a strip, each with a line and a link if you like.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
preset | select | scatter, stack, strip | scatter | Layout |
Blocks: up to 5 of type picture (picture), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
image | media | The id of a picture in the shop's own media | Picture | |
alt | text | Up to 300 characters | Description for a screen reader | |
caption | text | Up to 80 characters | A line on it | |
href | url | A path, an anchor, an https:// address or mailto: | Link | |
shape | select | plain, arch, circle, pill, blob, ticket, torn | plain | The shape of the picture |
split_screen
In the editor: Words that stay while pictures pass. One half holds still with the words and a button; the other runs a column of photographs past it.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
body | richtext | Up to 2000 characters | Text | |
ctaLabel | text | Up to 60 characters | Button text | |
ctaHref | url | A path, an anchor, an https:// address or mailto: | Button link | |
side | select | start, end | start | Which side the words sit on |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |
Blocks: up to 6 of type picture (picture), under blocks.
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
image | media | The id of a picture in the shop's own media | Picture | |
alt | text | Up to 300 characters | Description for a screen reader | |
caption | text | Up to 120 characters | A line under it |
collection_tabs
In the editor: Collections as tabs. Two to four ranges, one tab each, showing a few of its products. Works with script off.
Pages: home, product, collection, page, article, blog, search, cart, account, not_found
| Setting | Kind | Accepts | Default | In the editor |
|---|---|---|---|---|
kicker | text | Up to 60 characters | Small line above the heading | |
heading | text | Up to 120 characters | Heading | |
first | collection | A collection handle | First tab | |
second | collection | A collection handle | Second tab | |
third | collection | A collection handle | Third tab | |
fourth | collection | A collection handle | Fourth tab | |
limit | number | 1 to 12 | 4 | Products in each tab |
scheme | select | base, raised, tint, inverse, accent, accent2 | base | The ground this band sits on |