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' |
Further Reading
For everything else — settings, showcases, entry points, composables — see Sections.