Footer
Column-based footer built from Brand, Menu, Newsletter, Contact, and Brand information blocks.
- Merchant-addable
- Yes
- Settings
- 43
- Block types
- 5
- 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.
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.
Color schemeColor scheme
- ID
color_scheme- Default
- scheme-1
Enable scroll reveal animationsCheckbox
- ID
enable_scroll_animations- Default
- On
Layout
Desktop columnsSlider
- ID
columns_desktop- Default
- 4
- Range
- 1 to 6, in steps of 1
Mobile columnsDropdown
- ID
columns_mobile- Default
- 1 column
Section padding
Top paddingSlider
- ID
padding_top- Default
- 80
- Range
- 0px to 100px, in steps of 4px
Bottom paddingSlider
- ID
padding_bottom- Default
- 80
- Range
- 0px to 100px, in steps of 4px
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its
own settings.
Brand column brand_info max 3
Logo
Show logoCheckbox
- ID
show_logo- Default
- On
Logo widthSlider
- ID
logo_width- Default
- 140
- Range
- 50px to 300px, in steps of 10px
Content
HeadingRich text
- ID
title- Default
- <h2>About Us</h2>
DescriptionRich text
- ID
description- Default
- <p>Discover premium quality and timeless design. We curate the best for your lifestyle, ensuring every piece tells a story.</p>
Social and extra
Show social iconsCheckbox
- ID
show_social- Default
- On
Signature lineText
- ID
signature- Default
- Established 1998
Style
AlignmentDropdown
- ID
alignment- Default
- Left
- Left
left - Center
center - Right
right
Mobile alignmentDropdown
- ID
mobile_alignment- Default
- Center
- Left
left - Center
center - Right
right
Menu column menu_column max 6
Select menuMenu
- ID
menu- Default
- footer
Custom titleText
Leave blank to use the menu's title.
- ID
title
Title styleDropdown
- ID
title_style- Default
- Default
- Default
default - Uppercase
uppercase - Small caps
small-caps
Hover effectDropdown
- ID
hover_effect- Default
- Slide right
- Slide right
slide-right - Slide up
slide-up - Underline
underline - Fade
fade - None
none
Typography
Font size (desktop)Slider
- ID
font_size_desktop- Default
- 14
- Range
- 10px to 40px, in steps of 1px
Font size (mobile)Slider
- ID
font_size_mobile- Default
- 14
- Range
- 10px to 30px, in steps of 1px
Show dividerCheckbox
- ID
show_divider- Default
- Off
AlignmentDropdown
- ID
alignment- Default
- Left
- Left
left - Center
center - Right
right
Mobile alignmentDropdown
- ID
mobile_alignment- Default
- Center
- Left
left - Center
center - Right
right
Newsletter column newsletter max 1
HeadingText
- ID
title- Default
- Join our world
DescriptionRich text
- ID
description- Default
- <p>Subscribe to receive updates, access to exclusive deals, and more.</p>
Button labelText
- ID
button_label- Default
- Subscribe
AlignmentDropdown
- ID
alignment- Default
- Left
- Left
left - Center
center - Right
right
Mobile alignmentDropdown
- ID
mobile_alignment- Default
- Center
- Left
left - Center
center - Right
right
LayoutDropdown
- ID
layout- Default
- Stacked
- Stacked
stacked - Inline
inline
Mobile layoutDropdown
- ID
mobile_layout- Default
- Stacked
- Stacked
stacked - Inline
inline
Minimal styleCheckbox
- ID
minimal_style- Default
- Off
Show top dividerCheckbox
- ID
show_divider- Default
- Off