Available Blocks
The footer is built from nested containers: a Row holds one or more Columns, and each Column holds your content blocks. A few blocks sit directly in the footer, outside any Row.
Directly in the footer: Row, Logo, Divider, Carousel, Group, Marquee
Logo
Shows your shop logo in the footer. This block controls the display size and which logo variant to use. The logo image is uploaded in Logo and Favicon.
The Logo block can be placed directly in the footer (outside any Row) or inside a Column. The default footer places it directly in the footer, centered between two Dividers.
Style
Switch between the main logo and the transparent logo variant.
Width
Stretch the logo to the column width, or set exact widths per breakpoint.
Desktop width
The logo width on desktop, shown when Width is custom.
Mobile width
The logo width on mobile, shown when Width is custom.
Padding
Vertical spacing around the logo.
Divider
A horizontal line placed directly in the footer, outside of any Row. Use it to separate a top content area from a bottom bar.
Thickness
The thickness of the line.
Corner radius
Rounds the line ends. Appears when thickness is increased.
Full width
Extends the line across the full footer width.
Type
Use the color scheme's border color, or set a custom color.
Padding
Vertical spacing around the divider.
Carousel
A horizontal slider placed directly in the footer, outside of any Row, showing its Slide blocks a few at a time with navigation, pagination, and autoplay. See Carousel for its full settings.
Group
A container placed directly in the footer (or inside a Column) that arranges nested blocks in a row or column, shares a background, or wraps them in a single link. See Group for its full settings.
Marquee
A continuously scrolling strip of content placed directly in the footer, outside of any Row. See Marquee for its full settings and the blocks it accepts.
Row
The main layout container. Columns inside a Row sit side by side on desktop and stack on mobile.
Alignment
Vertical alignment of the columns within the row.
Show top divider
Draws a line above the row.
Show bottom divider
Draws a line below the row.
Full-width divider
Runs the line across the full screen width instead of stopping at the content edge. Appears when a divider is on.
Gap — Desktop
Space between columns on desktop.
Gap — Mobile
Space between columns on mobile.
Padding Top / Bottom
Vertical spacing inside the row.
Custom mobile padding
Set separate padding values for mobile.
On tablet (between the md and lg breakpoints), every row reflows into a 2-column grid so columns don't become too narrow.
Column
Columns are the direct children of a Row. By default each column stretches to fill an equal share of the row.
A Column can hold Menu, Logo, Copyright, Policy Links, and Follow on Shop, plus every global block — Text, Heading, Subheading, Image, Icon, Divider (inline), Email Signup, Social Media Links, Payment Icons, Localization, Quick Links, and Group.
Width
Give the column an equal share of the row, or set a fixed percentage.
Custom width
The percentage width, shown when Width is set to custom.
Desktop alignment
Horizontal alignment of the blocks inside the column on desktop.
Show right border on desktop
Adds a vertical line on the column's right edge on desktop.
Gap — Desktop / Mobile
Space between blocks inside the column.
Padding
Spacing inside the column; a right value appears when the border is on.
Custom mobile padding
Set separate padding values for mobile.
Menu
Renders a navigation menu from your Shopify admin. On mobile it can collapse into an accordion to save space.
Menu — Select any menu from Online Store → Navigation. Enter a value in Heading to label it.
The menu can collapse into a tap-to-open accordion on mobile (with a chevron or plus icon). You can also set the gap below the heading and between items, plus typography — font, HTML tag, size, letter spacing, and color — separately for the heading and the menu items.
Copyright
A rich-text block for your copyright line.
Text
Your copyright text.
Size
The text size of the line.
Color
The text color to use.
Policy Links
Shows links to your store's legal policy pages — Refund, Privacy, Terms of Service, and Shipping — automatically. No manual setup is needed, and the list updates when you add or rename a policy.
Gap
Horizontal spacing between links.
Size
The text size of the links.
Color
The text color to use.
Follow on Shop
Shows a Follow on Shop button so customers can follow your store in the Shop app. Only padding settings are available — Shopify controls the button's appearance. The button is hidden if your store is not eligible.
Global blocks
These blocks are available in all sections across the theme. Place them inside a Column for standard footer use.
Rich-text area for an address, tagline, or short disclaimer.
A single heading line with a configurable semantic level.
A small label line.
An inline image.
An inline icon from the theme's icon set.
A thin line separating content within a Column.
A subscription form that adds subscribers to your customer list.
Icons linking to the profiles set in Theme Settings → Social Media.
Icons for your accepted payment methods, pulled from Shopify Payments.
Currency and language selectors.
A compact inline row of links from a flat menu.
A container that arranges blocks in a row or column.
Last updated