Footer
Column-based footer built from Brand, Menu, Newsletter, Contact, and Brand information blocks.
- Merchant-addable
- Yes
- Settings
- 54
- Block types
- 8
- File
sections/footer.liquid
Screenshots pending
Captures for Footer at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Every page. Lives in the footer section group.
Setting it up
- Set the column arrangement under Layout.
- Add a Brand column block for your logo and description.
- Add Menu column blocks pointing at your footer menus.
- Add a Newsletter column if you want signup in the footer rather than its own section.
- Add Contact column and Brand information as needed.
- A new Contact column block starts with only its heading and opening hours. Enter your phone number, email, and address; any field left blank stays hidden, so the footer never shows an example number or address.
Where the content comes from
Shopify menus and shop data. Blocks own the arrangement.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Requires the Shop channel and Shop Pay. The button uses Shop branding and cannot be recolored.
Layout
Applies to every block in the footer.
Menu columns open and close on small screens so the sub-footer stays within reach.
Section padding
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.
Custom brand column brand_info max 1
Use this block for footer-specific brand copy. Use Theme brand information when the same identity should appear throughout the store.
Logo
Content
Social and extra
Style
Newsletter column newsletter max 1
Contact column contact_info max 2
The number customers should call. Leave blank to hide it.
The address customers should write to. Leave blank to hide it.
The store's mailing or retail address. Leave blank to hide it.
Enter the hours when customers can reach your team.
Theme brand information brand_information max 1
Manage brand info in theme settings.
Manage social accounts in theme settings.
Social media social max 1
Manage social accounts in theme settings.
Image row image max 2
Use this block for payment, certification, or press marks. Each image appears once the one before it is set.
Describes the image for screen readers. Required when the image links somewhere.
Describes the image for screen readers. Required when the image links somewhere.
Describes the image for screen readers. Required when the image links somewhere.
Describes the image for screen readers. Required when the image links somewhere.
Images scale to this height and share one baseline. Around 40px suits payment or certification marks; raise it for photography.