Sections and blocks

Every section has a Color scheme setting (Colors) and, under Padding, a Top padding and Bottom padding of None, Small, Medium or Large. They're not repeated in the tables below.

Eyebrow is the small label line above a heading, for example "The ritual".

#Header and footer

The header and footer show on every page. Their sections live in the header and footer groups at the top and bottom of the theme editor's sidebar.

#Announcement bar

One line of text above the header, with an optional link. Add up to three Announcement blocks (Text, Link). Shows only when it has at least one block.

#Header

The brand row (search, logo, secondary menu, account and bag), then the ritual row: your main menu's first four links as the steps 01 to 04, any further links, and the AM/PM switch.

The account icon uses Shopify's customer accounts. Turn customer accounts on or off in Settings > Customer accounts.

#Footer

Footer blocks:

The bottom bar shows the copyright, Powered by Shopify, and links to your store policies from Settings > Policies.

#Home page

Balm's home page ships with these sections, in this order. You can add any of them to other pages too.

#Image banner

A large image with a heading, text and buttons. Presets: Image banner and Image banner with steps.

Blocks: Heading, Text, Button, Group (see Theme blocks).

#Step by step

A scroll story through the four steps: the image stays in place while the text moves.

Section settings: Eyebrow, Heading.

#Build your ritual

Visitors pick a product for each step, morning or evening, and add the whole ritual to the bag in one go.

An empty product uses the first available product for that step from Theme settings > Ritual. Protect rests at night, so step 4 has no evening product.

#AM and PM rituals

Two columns, morning and evening, each with an image and its products in step order.

When Products is empty, the column uses the first available product for each step from Theme settings > Ritual.

#Featured collection

A grid of products from one collection.

#Featured product

One product with its buy box, on any page. Presets: Featured product and Ritual set.

Blocks: the same blocks as the product page (see Product information), plus Set items, which lists the set products and what they'd cost bought separately, and app blocks.

The Ritual set preset is made for a bundle product, such as a morning set: create the bundle as a product, pick it in Product, then pick the products it contains in Set products.

#Key ingredients

Ingredients with their percentage, INCI name and a short text. Presets: Key ingredients (columns, for product pages) and Ingredient index (an interactive index, for the home page).

Ingredient settings accept dynamic sources, so on product pages you can connect them to your metafields and show different ingredients for each product.

#Before you begin

A dose guide: how much of each step to use, with an animated dose icon.

#Collection list

Collection tiles. Presets: Collection list and Shop by skin type.

#Image with text

An image next to a heading, text and buttons. Presets: Image with text and Story with figures.

Blocks: Heading, Text, Button, Group, and Figures: up to three numbers with labels, for example "4 steps" or "92%". Numbers count up when they come into view.

#Testimonials

Customer quotes, each with the ritual steps the customer uses.

Use real customer words only, with their permission.

#Blog posts

#More sections for any page

#Product page

The product template holds these sections: Product information, Complete the ritual, Key ingredients, Ingredient label and Related products.

#Product information

The media gallery and the buy box. The gallery shows images, videos, YouTube and Vimeo videos and 3D models; selecting a variant shows its image.

Blocks, in their default order:

How to use shows when to use the product (for example "Use morning and evening, after cleansing"), the dose and its icon, then your text. Full ingredient list shows the balm.ingredients metafield, or your text when the metafield is empty.

#Complete the ritual

The four steps with one product each, as explained in Complete the ritual.

#Ingredient label

The product's ingredient list, styled like a printed label, with side facts.

#Related products

Products Shopify recommends for this one. Settings: Eyebrow, Heading, Link label, Link, Products to show. Manage recommendations in the Search and Discovery app (Related products).

#Collection page

#Product grid

Ritual view uses the collection template named ritual. Change its Product grid settings there. See Ritual view.

#Collections list

The page at /collections that lists all your collections. Settings: Columns, Collections per page, Show description. A collection without an image shows its first product's image.

#Search

Search results shows products as product cards, then pages and articles, with the same filters as collections. Settings: Results per page. When nothing matches, it says so and links to all products.

#Cart

Cart (the cart page) and Cart drawer show the same content: the products in step order, the ritual coverage rail, the missing step suggestion, the cart note, discounts, the subtotal and the checkout buttons. Their options are in Theme settings > Cart. The drawer has a Color scheme setting of its own.

#Other pages

The Contact page template (page.contact) has Page and Contact form sections. To use it, create a page in Online Store > Pages and pick contact as its template.

The gift card page that customers get by email shows the card's code, a QR code and an Add to Apple Wallet button. It has no settings.

#Theme blocks

These blocks can go in any section that has Add block with theme blocks: Image banner, Image with text, Rich text, Newsletter, Featured product and the product page's Product information.

Use Heading level for the page structure (one H1 per page, which the page's main heading already uses) and Size for the look.