Layouts

A Layout is a special page type (content_type: 'layout') that provides a shared structural wrapper — typically a header and footer — that is applied to regular pages.

Zones

Layouts have two zones:

Zone	Description
header	Components rendered above page content (e.g. navigation bar)
footer	Components rendered below page content (e.g. footer links)

Assigning a layout to a page

When editing a page, use the Layout selector in the page settings panel to assign a specific layout. If no layout is assigned, the space’s default layout is used.

Default layout

You can mark one layout as the default for a space. All pages that don’t have an explicit layout assignment will use it automatically.

To set a layout as default: open the layout in the editor and enable the Set as default toggle.

Live preview

The layout editor shows a live preview of the header and footer rendered around a placeholder content area. Changes you make to layout components are reflected in the preview in real time — before saving or publishing.

Publishing layouts

Layouts follow the same draft/published workflow as pages. Unpublished changes to a layout are visible in the layout editor preview but are not served to the storefront until published.