# Sections

> The 53 section types a page is built from, where each may sit, and what each one takes.

Source: https://storeware.ai/docs/themes/reference/sections

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 |