Header and footer
Footer
Link columns, text, newsletter, breadcrumbs, payment icons and legal links.
On this page
The footer is your store's index: columns of links, an introduction text, the newsletter signup, then a legal row. It's part of the Footer group and appears on every page except the password page.
- Name in the editor
- Footer (FR: Pied de page)
- Where to add it
- Footer group (all pages)
- Accepted blocks
- App blocksLink listTextNewsletter
- Number of blocks
- 4 at most
Section settings
| Setting | Values | What it does |
|---|---|---|
| Logo | Image | Falls back to the shop name when empty. |
| Logo widthFR: Largeur du logo | From 40 to 320px, in steps of 5Default: 120px | — |
| Logo width on mobileFR: Largeur du logo sur mobile | From 0 to 320px, in steps of 5Default: 0px | Set to 0 to use the desktop logo width |
| Color schemeFR: Palette de couleurs | Color schemeDefault: Scheme 1 | — |
| Legal menuFR: Menu légal | MenuDefault: Menu “footer” | — |
| Show Follow on ShopFR: Afficher Suivre sur Shop | CheckboxDefault: On | Shoppers can follow your store on the Shop app. Requires Shop Pay to be turned on. |
| Show breadcrumbsFR: Afficher le fil d’Ariane | CheckboxDefault: On | — |
| Show payment iconsFR: Afficher les icônes de paiement | CheckboxDefault: On | — |
| Show “Powered by Shopify”FR: Afficher « Powered by Shopify » | CheckboxDefault: On | — |
Blocks
The footer accepts four blocks at most, app blocks included. The footer that ships with the theme contains a Text block, two link lists and a newsletter.
Link list
| Setting | Values | What it does |
|---|---|---|
| HeadingFR: Titre | Rich textDefault: “Quick links” | — |
| Footer menuFR: Menu du pied de page | MenuDefault: Menu “footer” | — |
In Footer menu, choose a menu created in ContentMenus. Only the menu's first level is shown. A new Link list block starts with Shopify's footer menu (handle footer).
Text
| Setting | Values | What it does |
|---|---|---|
| HeadingFR: Titre | Rich textDefault: “About” | — |
| SubtextFR: Sous-texte | Rich textDefault: “<p>Share a few words about your store and what makes it different.</p>” | — |
| Show social media iconsFR: Afficher les liens sociaux | CheckboxDefault: Off | — |
Check Show social media icons to show, under the text, the icons for the networks filled in under Theme settings > Social media. This is the only place these icons appear.
Newsletter
| Setting | Values | What it does |
|---|---|---|
| HeadingFR: Titre | Rich textDefault: “Subscribe to our emails” | — |
| SubtextFR: Sous-texte | Rich textDefault: “<p>Tell subscribers what they will receive and how often.</p>” | — |
One Newsletter block per footer. It uses the same form as the Newsletter section: subscribers are saved as customers with the newsletter tag.
App blocks
Compatible apps can add their own blocks to the footer (reviews, loyalty...). They count toward the four-block limit.
Layout
On desktop, the blocks sit side by side in columns. On phones, link lists and text blocks collapse into accordions; the newsletter always stays open. The logo sits at the top of the footer on phones, and at the bottom right, on the legal row, on desktop.
Legal row
The last row of the footer contains:
© yearfollowed by the store name (linking to the home page) and, if Show “Powered by Shopify” is checked (the default), the "Powered by Shopify" link, which Shopify translates into the shopper's language;- the links from the legal menu chosen in Legal menu (legal notice, terms of service, privacy...). By default, it's Shopify's footer menu (handle
footer); - the Follow on Shop button, if Show Follow on Shop is checked;
- the payment icons, if Show payment icons is checked.
Payment icons are generated automatically from the payment methods turned on in SettingsPayments and shown in their brands' own colors. You can't choose the icons one by one.
Follow on Shop
Show Follow on Shop is checked by default. It adds Shopify's Follow on Shop button, which lets shoppers follow your store in the Shop app. Shopify draws the button and its colors. It only appears if your store can be followed on Shop, which requires Shop Pay to be turned on in SettingsPayments. Otherwise nothing shows, even with the box checked.
Breadcrumbs
With Show breadcrumbs, the footer shows the path to the current page, for example Home - Dresses - Lina dress. It isn't shown on the home page, the cart, the collections list or the 404 page.
- On a product page, the collection only appears if the shopper came from that collection.
- On a collection filtered by tag, the tags are added to the path.
- On an article, the path goes through the blog.
Faubourg 1.1.0