Skip to documentation

Footer

Layout, content and available controls for Footer.

Where to find it

Add this section from the theme editor on a supported template.

Available content blocks

  • Brand
  • Menu
  • Newsletter
  • Trust badges
  • Contact
  • Social links
  • Payment icons
  • Rich text

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID
ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on
Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Width
Choose the presentation or source that fits this component.Options: Page · Full width
Top part page width
Choose the presentation or source that fits this component.Options: Narrow · Normal · Full width · Full width without side spacing
Bottom part page width
Choose the presentation or source that fits this component.Options: Narrow · Normal · Full width · Full width without side spacing
Container width
Adjust within the range offered by the theme editor.
Column gap
Adjust within the range offered by the theme editor.
Row gap
Adjust within the range offered by the theme editor.
Card radius
Adjust within the range offered by the theme editor.
Top margin
Adjust within the range offered by the theme editor.
Desktop top padding
Adjust within the range offered by the theme editor.
Desktop bottom padding
Adjust within the range offered by the theme editor.
Mobile top padding
Adjust within the range offered by the theme editor.
Mobile bottom padding
Adjust within the range offered by the theme editor.
Color source
Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
Color schemeConditional
Choose an available Shopify color scheme.
BackgroundConditional
Choose a local color when the relevant custom source is enabled.
Panel backgroundConditional
Choose a local color when the relevant custom source is enabled.
Heading colorConditional
Choose a local color when the relevant custom source is enabled.
Text colorConditional
Choose a local color when the relevant custom source is enabled.
Muted text colorConditional
Choose a local color when the relevant custom source is enabled.
Accent colorConditional
Choose a local color when the relevant custom source is enabled.
Accent text colorConditional
Choose a local color when the relevant custom source is enabled.
Border colorConditional
Choose a local color when the relevant custom source is enabled.
Pattern
Choose the presentation or source that fits this component.Options: None · Dots · Grid · Curved grid · Stripes · ZigZag · 3D Boxes · Rings · Diamond grid 1 · Diamond grid 2 · Quatrefoils · Ovals · Hexagons · Curvy
Pattern color
Choose a local color when the relevant custom source is enabled.
Pattern size / spacing
Adjust within the range offered by the theme editor.
Line / dot thickness
Adjust within the range offered by the theme editor.
Opacity type
Choose the presentation or source that fits this component.Options: Low · Normal
Opacity
Adjust within the range offered by the theme editor.
Branding text
Edit the text and use supported inline formatting.
Bottom menu
Use the matching control in the theme editor and preview the component before publishing.
Show store policies when bottom menu is empty
Enable or disable this option and preview the result.
Show Powered by Shopify
Enable or disable this option and preview the result.
Show large brand signature
Enable or disable this option and preview the result.
Brand nameConditional
Edit the text shown by this component.
Connecting wordConditional
Edit the text shown by this component.
Creator nameConditional
Edit the text shown by this component.
Show creator ticker
Enable or disable this option and preview the result.
Ticker opening textConditional
Edit the text shown by this component.
Ticker connecting wordConditional
Edit the text shown by this component.
Ticker creator nameConditional
Edit the text shown by this component.
Additional footer text
Optional store or demo information below the footer columns.
Showroom color source
Inherited colors follow this footer’s Theme colors, Color scheme or Custom palette.Options: Inherit footer palette · Custom
Ticker backgroundConditional
Choose a local color when the relevant custom source is enabled.
Signature and ticker textConditional
Choose a local color when the relevant custom source is enabled.
Signature desktop sizeConditional
Adjust within the range offered by the theme editor.
Signature mobile sizeConditional
Adjust within the range offered by the theme editor.
Signature vertical spacingConditional
Adjust within the range offered by the theme editor.
Ticker desktop text sizeConditional
Adjust within the range offered by the theme editor.
Ticker mobile text sizeConditional
Adjust within the range offered by the theme editor.
Ticker loop durationConditional
Adjust within the range offered by the theme editor.
Ticker vertical paddingConditional
Adjust within the range offered by the theme editor.
Footer column heading weight
Choose the presentation or source that fits this component.Options: Regular · Medium · Semibold · Bold

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗