In the theme editor: Customize›Footer›Footer
Footer
The end of every page: your logo, menus, social links, the language and country picker, payment icons and the copyright line, each as a block.
Put your size guides in a menu group called Help, so customers reach them from every page.
Settings
Layout
- Footer layout
- Choice: Classic, Signature, Two tiers, Index, Compact, ColophonDefault: ClassicClassic: the blocks stand in one column, in the order of the list, each with its own alignment and spacing. In the other layouts every kind of block has a set place on phones and on computers; keep the list in the same order, for keyboard users. Signature opens with a Logo block: add one.
Blocks
Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.
Logo
General
- Logo image
- ImageEmpty: the logo from the brand settings of the store. Without one, the store name shows.
- Show the logo in white
- On or offDefault: OnFor a dark logo on the dark footer. Turn off for a light or colorful logo.
- Logo width on phones
- Slider, 50 to 350 pxDefault: 178 px
- Logo width on computers
- Slider, 50 to 480 pxDefault: 230 px
- Line under the logo
- TextShown between two tapered lines. Empty: no line.
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 0 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 0 pxDistance from the part above. Drag the blocks in the list to change their order.
Social media
General
- Social media heading
- TextLeave empty to use the default.
- Heading position
- Choice: Automatic (follows the footer layout), Above the icons, Beside the icons, HiddenDefault: Automatic (follows the footer layout)Automatic follows the footer layout. Hidden is not shown, and stays for screen readers.
- Line above
- On or offDefault: OffA thin line above the icons, like the other lines in the footer. On desktop in the "Two tiers" layout the icons sit beside the links, so it is not shown there.
- Heading size (phone and tablet)
- Slider, 12 to 32 pxDefault: 17 px
- Heading size (computer)
- Slider, 12 to 40 pxDefault: 19 px
- Heading weight
- Slider, 200 to 800Default: 700
- Panel background
- ColorEmpty: no panel. With a color the heading and the icons sit on a rounded panel, and the line above is not drawn.
- Panel text and icons
- ColorEmpty: the footer text color.
Social icons
Phone values also apply on tablets. Computer values apply from 990 pixels wide.
- Icon look
- Choice: Icons, CoinsDefault: Icons
- Coin color
- ColorDefault: #FFFFFF
- Icon color
- ColorDefault: #1F1C1A
- Network name on spin
- On or offDefault: OnOn hover, or a tap on the phone, the coin turns once and the network name appears below it.
- Show icons that have no link yet
- On or offDefault: OnFacebook, Instagram, TikTok, YouTube and X show as a plain icon, not clickable, until a link is added in Theme settings. Other networks show only with a link.
- Icon size (phone)
- Slider, 14 to 32 pxDefault: 18 px
- Icon size (computer)
- Slider, 14 to 32 pxDefault: 18 px
- Space between icons (phone)
- Slider, 0 to 40 pxDefault: 17.6 px
- Space between icons (computer)
- Slider, 0 to 40 pxDefault: 17.6 px
- Icons per row (phone)
- Slider, 2 to 12Default: 6How many icons sit in a row before a new row starts. The last row is centered.
- Icons per row (computer)
- Slider, 2 to 12Default: 6How many icons sit in a row before a new row starts. The last row is centered.
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 0 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 0 pxDistance from the part above. Drag the blocks in the list to change their order.
Follow on Shop
General
- Heading above the button
- TextEmpty: no heading.
The Shop app button that lets customers follow the store. It appears only when Shop Pay is active and the Shop sales channel is installed in the store admin. Shopify sets the button, its text and its colors, and they must not be changed; this block only sets its position.
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 26 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 26 pxDistance from the part above. Drag the blocks in the list to change their order.
Language and country
General
- Show the language selector
- On or offDefault: On
- Show the country and currency selector
- On or offDefault: On
- Flags next to the languages
- On or offDefault: OnA small flag beside each language. Some stores prefer none, because a language is not a country.
The language selector appears only when the store has more than one language, and the country and currency selector only when the store sells to more than one country. Add languages and countries in the store admin (Settings: Languages, Markets). With two languages the language selector is a toggle; with three or more it is a list.
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 26 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 26 pxDistance from the part above. Drag the blocks in the list to change their order.
Payment methods
General
- Row style
- Choice: Row across the full width, Deck of cards (fans out on touch or hover), Secure payment sealDefault: Deck of cards (fans out on touch or hover)How the payment cards are shown. All styles use the same card size and frame.
- Seal heading
- TextLeave empty to use “Secure payment” in each language.
- Seal line
- TextLeave empty to use the default line in each language.
- Card frame color
- ColorDefault: #000000The thin frame around each payment card.
- Icon height on phones
- Slider, 12 to 40 pxDefault: 23 px
- Icon height on desktop
- Slider, 12 to 40 pxDefault: 23 px
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 44 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 36 pxDistance from the part above. Drag the blocks in the list to change their order.
Copyright
General
- Extra copyright text
- TextShown after the store name.
- Style
- Choice: Automatic (follows the footer layout), Plain, Between tapered linesDefault: Automatic (follows the footer layout)
- Text size on phones
- Slider, 10 to 20 pxDefault: 12 px
- Text size on desktop
- Slider, 10 to 20 pxDefault: 12 px
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 18 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 22 pxDistance from the part above. Drag the blocks in the list to change their order.
Links
General
- Menu
- Menu
- Heading above the links
- TextEmpty: no heading.
- Link style
- Choice: Automatic (follows the footer layout), Rows with a set number of links, Balanced rows, Columns, List with lines and arrows, Large listDefault: Automatic (follows the footer layout)Automatic follows the footer layout. In balanced rows a dot shows only between two links on the same line.
- Links per row (computer)
- Slider, 2 to 8Default: 4How many links sit in a row before the next row starts. The last row can be shorter.
- Links per row (phone)
- Slider, 1 to 6Default: 3
- Columns on phones
- Choice: Automatic, 1, 2, 3Default: AutomaticFor columns and lists. Automatic sets the number by the link style.
- Columns on computers
- Choice: Automatic, 1, 2, 3, 4Default: AutomaticFor columns and lists. Automatic sets the number by the link style.
- Show arrows
- On or offDefault: OnIn the list with lines and arrows.
- Text size on phones
- Slider, 10 to 20 pxDefault: 13.5 px
- Text size on desktop
- Slider, 10 to 20 pxDefault: 13.5 px
Position
Used in the Classic layout. The other layouts set the place of every block.
- Alignment on phones
- Choice: Start, Center, EndDefault: Center
- Alignment on desktop
- Choice: Start, Center, EndDefault: Center
- Space above, phone
- Slider, 0 to 100 pxDefault: 14 pxDistance from the part above. Drag the blocks in the list to change their order.
- Space above, desktop
- Slider, 0 to 100 pxDefault: 18 pxDistance from the part above. Drag the blocks in the list to change their order.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
