Sections, blocks & templates

Every page in Techno is a template. A template is a stack of sections. Some sections hold blocks, which you can add, reorder and remove. Once you know those parts, you can find any setting in the theme editor.

The parts of a page

A page is laid out like this:

Header group
├─ Announcement bar        ← optional, from Add section
└─ Header                  ← one section, with status strip and menu promo blocks
Template (Product)
├─ Product                 ← main section
│  ├─ Product metadata     ← block
│  ├─ Title                ← block
│  ├─ Price                ← block
│  └─ …
├─ Product recommendations ← "Pairs well with"
└─ Product recommendations ← "You may also like"
Footer group
└─ Footer                  ← one section, with column blocks
Cart drawer                ← on every page, outside the groups

Main sections

Each template has a main section that shows the page's own content: the product, the collection, the article. You can't remove the main section, but you can add other sections above or below it.

Sections you can add

These sections can be added from Add section. Some are limited to certain templates or kept out of the header and footer.

See Building pages for how to use each one.

Two kinds of blocks

Most blocks belong to one section and only appear in that section's Add block menu. The Hero's Stat block and the Header's status strip and Menu promo blocks are examples.

The Product, Featured product, Article, Rich text, FAQ and Footer sections use theme blocks instead. Theme blocks are shared: the same Price block appears in both the Product section and the Featured product section, with the same settings. Blocks that show product data read the product of the section they're in.

Theme blocks come in two groups:

• General blocks: Eyebrow, Heading, Text, Button, Collapsible row and Custom Liquid. They don't depend on a product or article, so the Product, Featured product, Article, Rich text and Footer sections all offer them, and so does the section Shopify creates for a generated block. The FAQ section offers only Collapsible row, since each of its blocks is a question.
• Blocks for one kind of section: product blocks such as Price and Buy buttons in Product and Featured product, article blocks such as Byline and Share in Article, and the Newsletter, Menu column, Text column and Social media blocks in Footer. Each appears only in the sections it works in, so the footer never offers Buy buttons and Rich text never offers Byline.

AI-generated blocks

The Product, Featured product, Article, Rich text and Footer sections accept any theme block, so you can use Generate in their Add block menu to describe a block and have Shopify create it. A generated block inherits Techno's fonts and colors unless it sets its own, and sits in the section's column.

When you generate a block in a new section, Shopify places it in a section of its own. Techno styles that section like Rich text: the same spacing above it and between its blocks, across the page's content width.

Alternate templates

You can create more than one template for the same page type. For example, a second product template without the spec table, for gift cards or accessories:

1. In the theme editor, open the page picker and choose Products › Create template.
2. Name it, base it on the default product template, and change what you need.
3. In Shopify admin, open a product and choose the new template under Theme template.

The contact page works the same way: Techno ships a page.contact template with the contact form. Assign it to your Contact page in Online Store › Pages.

App blocks

The Product and Featured product sections accept app blocks, for things like reviews or size guides from apps you've installed. Add them from Add block › Apps. For apps that need a full section, add a Custom Liquid section and paste the app's code. See Custom code.

Recipes

A product template without specs

• Page picker › Products › Create template: "accessory"
• Product section › Spec table block: remove
• Product section › Add block: Collapsible row, "Heading": "What's in the box"

A landing page for one product

• Page picker › Pages › Create template: "launch"
• Add section: Featured product, "Product": your launch product
• Add section: Image with text
• Add section: Newsletter

See also

• Colors & palettes: the palette every section uses
• Sections reference: every section setting
• Blocks reference: every block setting