Footer
The Footer is a global theme component that displays consistently across every page of your store. Built on a flexible block-based framework, it gives you complete layout freedom to present essential site information, navigation, and brand trust elements.
You can add multiple blocks of any type and reorder them via the theme editor to build the exact footer layout your store requires.
Recommended Footer Blocks
| Block | Description |
|---|---|
| Shop Information | Displays your brand logo, business address, contact details, or a short store bio. |
| Menu – Footer | Connects to any navigation menu configured in Online Store > Navigation (such as Footer Menu or Policy Links) to output multi-column link lists. |
| Social Icons | Dynamically renders linked social media icons based on the platform URLs configured in your Theme Settings > Social Media. |
| Currency Switcher | Inserts Shopify’s native localized currency and country selector, enabling multi-currency checkout via Shopify Markets. |
| Payment Icons | Automatically displays SVG badges for all active payment gateways enabled in your Shopify Payments & Checkout settings. |
| Copyright | Renders your automated copyright notice and business ownership statement. |
Footer Settings
| Settings | Default | Description |
|---|---|---|
| Layout | ||
| Padding inline | 0 | Controls the internal horizontal (left/right) spacing inside the section container. |
| Padding block | 0 | Controls the internal vertical (top/bottom) spacing inside the section container. |
| Background color | None | Sets the section background color. |
| Full width | False | Expands the container to stretch 100% across the view port width when enabled. |
| Flex | ||
| Direction | Horizontal | Determines child flow direction. Options: Horizontal (row) or Vertical (column). |
| Gap | 20px | Defines the item spacing applied between child blocks |
| Alignment | Stretch | Controls cross-axis alignment (align-items). Options: Start, Center, End, Stretch. |
| Distribution | Start | Controls main-axis distribution (justify-content). Options: Start, Center, End, Space between, Space around, Space evenly. |
| Equal width | False | Forces all child flex blocks to distribute available width equally. |