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