Footer

The Footer is one of the most important global sections of the theme. Together with the header, it appears on every page of your Shopify store, making it essential for navigation, branding, trust elements, and legal information.

Our footer is highly flexible and modular, allowing you to tailor its layout, content, and behavior to perfectly match your brand and store needs—on both desktop and mobile devices.

The footer is composed of two main parts:

  1. Section settings – Control the overall behavior, layout, and appearance of the footer

  2. Footer blocks – Define the actual content inside the footer (menus, text, branding, etc.)

This separation keeps configuration simple while still giving you full control over the final layout.


Section settings

These settings apply to the footer section as a whole.

General

  • Color scheme – Select the color scheme used by the footer

  • Linear gradient – Enable or disable a background gradient

  • Border top opacity – Control the visibility of the top border

  • Full width – Make the footer span the full width of the screen

  • Fixed footer on desktop – Keeps the footer fixed on desktop screens

  • Collapsible blocks on mobile – Allows footer blocks to collapse on smaller screens

Newsletter

Controls the optional newsletter signup form inside the footer.

  • Enable newsletter – Show or hide the newsletter form

  • Heading – Newsletter title text

  • Heading size – Choose a heading level (H1H6)

  • Description (optional) – Additional text shown below the heading

  • Description font size – Options: sm, md, lg, xl

  • Notice text (optional) – Small helper text below the form (e.g. privacy or terms notice)

  • Newsletter tags – Comma-separated list of tags applied to the customer on subscription

Bottom area

Controls the bottom-most part of the footer.

  • Payment icons – Show accepted payment method icons

  • Policy links – Display store policy links

  • "Powered by" link – Show or hide the Shopify attribution

  • Scroll to top button – Enable a button that scrolls the page to the top

  • Follow on Shop button – Show the Shop follow button

Spacing

  • Padding – Adjust top and bottom padding (in pixels)


The main content of the footer is built using blocks. Each block represents a content column or functional area inside the footer.

Available block types

  • About (one-time use) Used for brand-focused content such as your logo, short description, and social icons. Typically positioned on the left side of the footer on desktop.

  • Menu Displays a Shopify navigation menu, ideal for links to collections, pages, policies, or customer service content.

  • Richtext A flexible content block for custom text, contact information, or calls to action, with optional buttons.

  • Mobile apps (one-time use) Promotes your mobile applications by showing App Store and Google Play download buttons


About block

The About block is typically positioned on the left side of the footer (desktop) and is used to present brand-related information such as your logo, short description, and social icons. It is styled slightly differently from other blocks to emphasize branding.

About block - Footer section

Styling

  • Background opacity Adjusts the transparency of the block background, allowing it to subtly stand out from the rest of the footer.

  • Border opacity Controls the visibility of the block border, useful for visually separating the About block from other footer blocks.

  • Spacing Adjusts the internal padding of the block.

  • Text alignment Aligns the content inside the block (Left, Center, or Right).

Social icons

  • Show social icons Enable or disable social media icons inside the About block.

  • Social icons size Adjust the size of the social icons.

  • Logo Select your logo image.

  • Logo height Adjust the logo size by setting its height in pixels.

Text

  • Title The brand or company name displayed above the description.

  • Description A short brand description, tagline, or mission statement shown below the title.


Richtext block

The Richtext block is ideal for flexible content such as descriptions, contact details, or calls to action.

Richtext block - Footer section
  • Title – Block heading

  • Description – Rich text content

Primary button

  • Label – The button text. Leave empty to hide

  • Style – Options are: Primary, Outline, Accent, Link

  • URL – Button destination

Secondary button

  • Label – The button text. Leave empty to hide

  • Style – Options are: Primary, Outline, Accent, Link

  • URL – Button destination


The Menu block displays a Shopify navigation menu.

Menu block - Footer section
  • Menu – Select the menu to display

  • Title – Optional heading shown above the menu links


Mobile apps block

The Mobile apps block is used to promote your store’s mobile applications by displaying download buttons for the App Store and Google Play. It is ideal for brands that offer a native shopping experience through mobile apps.

Mobile apps block - Footer section
  • Title The heading displayed above the app download buttons.

  • Description Optional supporting text shown below the title, typically used to encourage users to download the app.

  • iOS App URL Link to your app on the Apple App Store. Example: https://apps.apple.com/app/id371294472

  • Android App URL Link to your app on Google Play. Example: https://play.google.com/store/apps/details?id=com.shopify.mobile


By combining section-level settings with flexible blocks, the footer allows you to create anything from a minimal layout to a fully content-rich footer—while keeping the configuration predictable and easy to manage.

Last updated