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

Aspect
Section
Footer

Type

SECTION

FOOTER

Mandatory content

None

None

Mandatory design

None

None

Placement

Inside template pages

Template configuration footer slot only

Used in page sections

Yes

No

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):

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

Custom footer (your own section with type FOOTER):

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

Error
Cause
Resolution

"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 found

Create the section in the footers/ directory

"Custom footer section must be of type 'FOOTER'"

Custom section exists but has wrong type

Set the section's type to 'FOOTER'

Learn more

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

Last updated

Was this helpful?