Footer
Overview
The Footer section is the main footer area of your store. It can include theme and app content blocks, along with built-in footer components such as locale selectors and a copyright area (depending on how your theme is configured). You can control container width, text alignment, color scheme, and responsive spacing for the entire footer.
Section Configuration:
Layout
| Setting |
Description |
| Container layout |
Controls how the footer is sized: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) |
Sets the maximum footer width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) |
Controls text alignment across the footer on desktop (left, center, right). |
| Text alignment (Mobile) |
Controls text alignment across the footer on mobile (left, center, right). |
| Color scheme |
Applies a theme color scheme to the footer styling. |
Inner padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the footer’s inner content on desktop. |
| Bottom (Desktop) |
Adds space below the footer’s inner content on desktop. |
| Left (Desktop) |
Adds space to the left of the footer’s inner content on desktop. |
| Right (Desktop) |
Adds space to the right of the footer’s inner content on desktop. |
| Top (Mobile) |
Adds space above the footer’s inner content on mobile. |
| Bottom (Mobile) |
Adds space below the footer’s inner content on mobile. |
| Left (Mobile) |
Adds space to the left of the footer’s inner content on mobile. |
| Right (Mobile) |
Adds space to the right of the footer’s inner content on mobile. |
Outer padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the footer section on desktop. |
| Bottom (Desktop) |
Adds space below the footer section on desktop. |
| Left (Desktop) |
Adds space on the left side of the footer section on desktop. |
| Right (Desktop) |
Adds space on the right side of the footer section on desktop. |
| Top (Mobile) |
Adds space above the footer section on mobile. |
| Bottom (Mobile) |
Adds space below the footer section on mobile. |
| Left (Mobile) |
Adds space on the left side of the footer section on mobile. |
| Right (Mobile) |
Adds space on the right side of the footer section on mobile. |
Blocks Configuration:
| Block type |
Description |
| Locales & currency dropdowns |
Adds selectors that let customers switch locale/language and other regional options supported by the theme. |
| Footer copyrights |
Displays the footer’s copyright/credits area (as defined by the theme). |
Theme block (@theme ) |
Allows theme-provided footer blocks to be added (based on what your theme supports). |
App block (@app ) |
Allows compatible Shopify apps to add footer blocks. |