Skip to main content

Layout types overview

Learn what each Instant layout type is for and when to use pages, sections, templates, and more.

Every design you build in Instant is a layout. Each layout maps to a specific role on your Shopify storefront, and you manage all of them from the Layouts & layers panel in the builder sidebar. To create one, click + in the panel or use the Add layout menu.

Pages

Pages are full standalone pages for custom content — landing pages, about pages, FAQs, and more. After you publish, a page lives at /pages/{handle} unless you set it as your home page. Pages support SEO settings and can show or hide your theme header and footer per page.

Home page

Your home page is a page set as your default home page. It replaces your Shopify theme's homepage at your store's root URL. Publishing a page as your home page requires the Starter plan or higher.

Product pages and collections

Product page layouts define how individual product detail pages look. Collection layouts control how product listing pages appear. You assign specific products or collections to each layout in its settings, and one of each can be set as the default template for unassigned items. Publishing product page and collection layouts requires the Starter plan or higher.

Sections

Sections extend your Shopify theme with reusable blocks you place in the Shopify theme editor. In a section's settings you choose where it can be used — on templates, in headers, or in footers.

Headers and footers

Headers and footers are navigation sections. You create them like sections, but Instant groups them separately in the Layouts & layers panel under Headers and Footers. After publishing, set one header as your main header and one footer as your main footer in layout settings. Publishing headers and footers requires the Starter plan or higher.

Cart

A cart layout is a custom cart drawer that replaces Shopify's default cart. You design the drawer in Instant, publish it, then set it as your main cart in layout settings. Publishing a cart requires the Pro plan or higher.

Blog posts

Blog posts are article layouts tied to a Shopify blog. After publishing, they appear at /blogs/{blog-handle}/{article-handle}. Blog posts support SEO settings, a featured image, an author, and an excerpt.

Choosing the right layout type

When you click + in the Layouts & layers panel or open the Add layout menu, Instant asks what you want to create. Match your goal to the layout type:

Goal

Layout type

Custom landing or content page

Page

Replace your storefront homepage

Page (set as home page)

Reusable theme block

Section

Custom navigation

Header or Footer

Product detail design

Product page

Collection listing design

Collection

Custom cart drawer

Cart

Blog article

Blog post

For each type, Instant asks how you'd like to start: build with Instant AI (describe what you want and the Agent generates it), choose a starter from the Template Library — it has curated layouts for every type above — or start from a blank canvas.

Layouts vs layers

The Layouts & layers panel has two parts. The top lists your layouts — all the pages, sections, templates, and other publishable units in the project, grouped by type (Pages, Product pages, Collections, Blog posts, Sections, Headers, Footers, Carts). The bottom shows layers — the individual elements inside whichever layout you currently have open. Switching layouts changes what appears in the layers tree; your other layouts stay saved in the project.

Plan availability

You can build and preview every layout type on any plan. Publishing is where plan gates apply:

  • Home page — Starter and up

  • Product pages and collections — Starter and up

  • Headers and footers — Starter and up

  • Cart — Pro and up

Pages, blog posts, and sections also have per-plan publish limits. Check Settings → Plans for your account's exact limits.

Related articles

Did this answer your question?