Skip to content

Footers

Footers are specialized sections that appear at the bottom of every page in the storefront. They follow the same structure as regular sections — same folder layout, settings files, entry points, and composables — but are placed in the template configuration's footer slot instead of in page sections.

Differences from Sections

AspectSectionFooter
TypeSECTIONFOOTER
Mandatory contentNoneNone
Mandatory designNoneNone
PlacementInside template pagesTemplate configuration footer slot only
Used in page sectionsYesNo

Unlike headers, footers have no mandatory settings — you are free to define any content and design editors you need.

Template Configuration

Footers are referenced in the template's configuration.ts, not in page sections:

Default footer (built-in):

typescript
footer: { type: 'default', id: 'footer', showcase_id: '1' }

Custom footer (your own section with type FOOTER):

typescript
footer: { type: 'custom', id: 'my-custom-footer', showcase_id: '1' }

When using type: 'custom', the referenced section must exist in the footers/ directory and have type: 'FOOTER'.

Validation Errors

ErrorCauseResolution
"Footer section must have id 'footer' when type is 'default'"Default footer must use the id "footer"Set id to 'footer'
"Custom footer section must exist in footers directory"Referenced custom section not foundCreate the section in the footers/ directory
"Custom footer section must be of type 'FOOTER'"Custom section exists but has wrong typeSet the section's type to 'FOOTER'

Further Reading

For everything else — settings, showcases, entry points, composables — see Sections.