CaffenzaDocs

Footer

Brand card, newsletter, link columns, legal links and payment icons.

The Footer section on desktop.
The Footer section on desktop.

The footer shows on every page. It has a brand card (logo, tagline, social icons), a newsletter card, up to four link columns and a bottom bar with copyright, legal links and payment icons.

  1. Create a menu for each column in Content → Menus, for example Shop, About and Help.
  2. In the theme editor, click Footer → Add block → Link column.
  3. Pick the menu and give the column a heading.
Tip

Leave Legal menu empty and the footer links your published store policies automatically.

Screenshots

The Footer section on a phone.
The Footer section on a phone.
Footer settings in the theme editor.
Footer settings in the theme editor.
Footer columns as accordions.
Footer columns as accordions.
The bottom bar.
The bottom bar.

Settings

SettingOptionsWhat it does
Section appearance
Band color schemeColor schemeThe band the cards, link panel and bottom bar float on.
Card color schemeColor schemeUsed by the brand card, newsletter card, link panel and bottom bar, so the footer reads as one system. Each is filled one shade lighter than the scheme's background and outlined in its border color.
Corner radius0–48 pxRounds the cards, the link panel and the bottom bar.
Gap between cards8–40 pxSpace between the cards, the link panel and the bottom bar.
Brand card
LogoImageOptional. Leave empty to use the inverse logo, then the default logo, from Theme settings → Logos and favicon.
Logo width60–300 pxApplies to the footer only. The header logo has its own width in Theme settings.
TaglineRich text
Show social media iconsOn / OffSocial profile URLs are set in Theme settings → Social media.
Social headingTextOptional. Leave empty to show the icons on their own.
Show Follow on Shop buttonOn / OffLets customers follow your store in the Shop app. Set up the Shop channel first, or the button has nothing to connect to.
Newsletter
Show newsletter signupOn / Off
Newsletter positionBefore content · After contentWhether the signup sits before or after the copy.
Content alignmentLeft · Center · Right
SubheadingText (bold, italic, links)
Subheading sizeSmall · Medium · Large
HeadingText (bold, italic, links)Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them.
Heading sizeSmall · Medium · Large · Extra large
Heading levelH1 · H2 · H3 · H4 · H5 · H6Adjust for page structure — one H1 per page. Size is controlled separately.
TextRich text
Text sizeSmall · Medium · Large
Field iconNone · Envelope · Coffee bean · Coffee cup
Reassurance noteText
Note iconNone · Shield check · Lock · Leaf
Success messageText
Error messageTextShown when the address is rejected, for example when it is not a valid email.
Link panel
Show watermarkOn / OffA large, faint store name behind the link columns. Decorative only.
Watermark textTextOptional. Leave empty to use your store name.
Bottom bar
Legal menuMenuOptional. Leave empty to link your published store policies. Create a menu in Navigation to choose your own.
Copyright suffixTextAdded after the year and store name, for example “All rights reserved.”
Show payment iconsOn / Off
Animations

Blocks

Click Add block under the section in the sidebar. Drag blocks to change their order.

SettingOptionsWhat it does
HeadingText
MenuMenu
IconNone · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · TruckShown beside the heading on mobile, where columns collapse into accordions.

This section also accepts Custom Liquid blocks and app blocks. It also has the shared Animate on scroll and Section spacing settings.