Script&Theory

§11 / SECTIONS

REF: TG–DOC–11 · REV. 1.7

Footer

The Footer section sits in the footer group at the bottom of every page. Its top row is built from blocks laid out in columns. The bottom bar holds the Follow on Shop button, country/region and language selectors, the copyright line, policy links and payment icons.

TANGENT 1.7 / SHOPIFY OS 2.0 / UPDATED 2026-10-19

tangent / home
FIG. 01 — FOOTERDEMO STORE · PROTOTYPE

Setup

  1. In the theme editor, select Footer in the footer group.
  2. Add or reorder blocks. The default footer has Email signup, two Menu blocks and Social media.
  3. Set each block's Width (columns out of 6). The top row's grid is built from the widths of all blocks.
  4. Add social links in Theme settings > Social media.

Section settings

SettingIDTypeDefaultNotes
Color schemecolor_schemeColor schemescheme-4
Show country/region selectorshow_countryCheckboxOn
Show language selectorshow_languageCheckboxOn
Show payment iconsshow_payment_iconsCheckboxOnShows the store's enabled payment types.
Show policy linksshow_policiesCheckboxOnAdd policies in Settings > Policies.
Show Follow on Shop buttonshow_follow_on_shopCheckboxOnLets customers follow the store in the Shop app. Requires Shop Pay.
Drawer titleinfo_titleTextTangent StudioTitle of the page info drawer.
Excluded pagesinfo_excludeTextquiz,find-your-fitComma-separated page handles that navigate instead of opening the drawer.

Page info drawer

Links in a footer Menu block that point to a page (/pages/...) open that page's content in a side drawer instead of navigating. Pages listed in Excluded pages navigate normally.

Blocks

Every block except App has a Width (columns out of 6) setting (width, range 1–6).

Email signup (newsletter, max 1)

SettingIDTypeDefault
HeadingheadingInline rich textJoin the list
TexttextRich textNew arrivals and stories, straight to your inbox.
Width (columns out of 6)widthRange 1–62

Subscribers are added to the store's customer list with marketing consent and the tag newsletter. The block also shows the social links.

SettingIDTypeDefaultNotes
HeadingheadingText—Leave empty to use the menu title.
MenumenuMenufooter
Width (columns out of 6)widthRange 1–61

Text (text)

SettingIDTypeDefaultNotes
HeadingheadingTextAbout
TexttextRich text—The block is hidden on the store until it has text.
Width (columns out of 6)widthRange 1–61

Image (image)

SettingIDTypeDefault
ImageimageImage—
Image widthimage_widthRange 40–400 px, step 10120 px
Width (columns out of 6)widthRange 1–61

Social media (social, max 1)

SettingIDTypeDefault
HeadingheadingTextFollow
Width (columns out of 6)widthRange 1–61

Links come from Theme settings > Social media.

Custom Liquid (liquid)

SettingIDTypeDefaultNotes
Custom Liquidcustom_liquidLiquid—Output exactly as entered.
Width (columns)widthRange 1–62

App (@app)

App blocks from installed apps.

Structure

example.txt
1Footer (sections/footer.liquid)
2├── Top row: blocks in columns (Email signup, Menu, Text, Image, Social media, Custom Liquid, App)
3├── Bottom bar
4│ ├── Follow on Shop button
5│ ├── Country/region and language selectors
6│ ├── © year, store name, powered-by link
7│ ├── Policy links
8│ └── Payment icons
9└── <footer-info> page info drawer
text
For developers

Last updated for Tangent 1.7

Get support ↗