Footer
Footer is the block of content at the bottom of every page of your store. It brings together secondary navigation, contact details, a newsletter signup, social links, payment icons, and your policy links, so shoppers who scroll to the end of a page always find a next step. It is also where hesitant shoppers look for shipping, returns, and contact information before they buy.
Because this is a global section, everything below applies store-wide. The section settings control the frame (width, colors, selectors, payment icons, bottom bar) and the blocks fill the columns above it.
How to find it
In the Theme Editor, select the Footer group, then select the Footer section.
Settings
View the section guide .
General
| Setting | Options | Description |
|---|---|---|
| Enable back to top | Adds a round button that returns shoppers to the top of the page in one click. It saves a long scroll back up on collection and blog pages. Default: on. |
Country/language selector
| Setting | Options | Description |
|---|---|---|
| Show country/region selector | Lets shoppers choose the country or region they are shopping from. It shows in the bottom bar and appears only when the store has more than one country or more than one language set up in Shopify. Default: on. | |
| Show language selector | Lets shoppers read your store in another language. It shows in the bottom bar and appears only when the store has more than one country or more than one language set up in Shopify. Default: on. |
Follow on Shop
| Setting | Options | Description |
|---|---|---|
| Show Shop follow button | Adds a button shoppers use to follow your store in the Shop app. It shows inside the Contact information block, so that block must be added. It appears only when your store has the Follow on Shop feature. Default: on. |
Payment methods
| Setting | Options | Description |
|---|---|---|
| Show payment icons | Shows the logos of the payment methods your store accepts in the bottom bar, so a hesitant shopper can see their card or wallet is accepted before checkout. Nothing shows if the store has no payment methods enabled. Default: on. |
Footer bottom
| Setting | Options | Description |
|---|---|---|
| Policy menu | Chooses the menu whose links appear in the bottom bar, next to the payment icons. Build the menu in your Shopify admin first. | |
| Show policy links | Shows your store policies, such as the privacy policy and terms of service, as a row of links under the bottom bar. The wording comes from the policies saved in your Shopify admin. Default: off. |
Big logo
| Setting | Options | Description |
|---|---|---|
| Logo image | Image shown as a large logo at the very bottom of the footer, under the bottom bar. Nothing shows until you pick an image. | |
| Desktop media width | Sets the width of the big logo as a percentage, from 10 to 100. Default: 100. | |
| Custom top padding | Adds space above the big logo, from 0 to 100 px. Default: 0. | |
| Custom bottom padding | Adds space below the big logo, from 0 to 100 px. Default: 0. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Sets the background and text colors of the whole footer. Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Sets how far the footer content stretches across the screen. Page width lines the columns up with the rest of your page, using the width set in Theme settings, Layout. Wide runs the columns close to the screen edges. Full width fills the whole screen. Default: fix_width. |
| Top padding | Adds space above the footer content, from 0 to 100 px. Increase it when the footer starts too close to the end of the page. Default: 48. | |
| Bottom padding | Adds space below the footer content, from 0 to 100 px. Increase it when the last line sits tight against the bottom of the screen. Default: 48. |
Blocks
The footer holds up to 6 blocks. Each of the three block types below sets its own Width, which is the share of the footer row the block uses.
Footer menu (menu_block)
Adds a column of links with a heading. You can add up to 4 menu blocks. On small screens the heading works as a toggle that opens and closes the links.
| Setting | Options | Description |
|---|---|---|
| Heading | The title above this column of links, telling shoppers what the group covers, for example Customer care or About us. | |
| Menu | The Shopify menu that fills this column. Build the menu in your Shopify admin first. Add one block per column of links you want. | |
| Width | • 16% | Sets how much of the footer row this block uses. Small values let more columns sit side by side. Default: 16.666%. |
Newsletter form (newsletter_block)
Adds an email signup form. You can add one Newsletter form block. Subscribers are automatically added to your “accepted marketing” customer list. Learn more
| Setting | Options | Description |
|---|---|---|
| Heading | The line that invites visitors to sign up, for example Get 10% off your first order. Default: Newsletter. | |
| Description | A sentence or two under the heading saying what subscribers receive, such as new arrivals or early access to sales. | |
| | The placeholder text shown inside the email box before anyone types. If left empty, the theme uses its default email label. Default: Enter your email. | |
| Button label | The words on the submit button. Default: Subscribe. | |
| Note | Small print under the form, normally the consent or privacy wording you show before collecting an email address. | |
| Width | • 16% | Sets how much of the footer row this block uses. A wider block gives the form more room. Default: 16.666%. |
Contact information (contact_bar_block)
Shows the store logo, address, phone number, email and an optional description. Social media icons appear when you turn them on. You can add one Contact information block.
Logo
| Setting | Options | Description |
|---|---|---|
| Logo | Your store mark at the top of the contact column, so the bottom of the page still looks branded. Nothing shows until you pick an image. | |
| Logo width | Sets how large the logo appears, from 50 to 250 px in steps of 2 px. The width is adjusted for mobile automatically. Default: 100. | |
| Address | Your street address, shown as text in the contact column. | |
| Phone number | The number shoppers can call. It shows as a link that starts a call on a phone. Leave it empty if you do not take calls. | |
| | The address shoppers write to. It shows as a link that opens an email. Use one you read, because inquiries from the footer land here. | |
| Show social media icons | Turns your social accounts into a row of icons. Link your accounts in Theme settings first. Only the accounts you filled in appear, and nothing shows if none are linked. Default: off. | |
| Description | A short paragraph in the contact column, normally one or two lines on what your store sells or stands for. | |
| Width | • 16% | Sets how much of the footer row this block uses. Default: 16.666%. |
Notes
Show social media icons uses the social accounts linked in Theme settings. The icons appear only when at least one account is linked there.
No comments yet