Footer settings
The footer shown at the bottom of every page. Its content is built from blocks: add them with Add block in the section and arrange them in the order they should appear.
Blocks you can add to the section
All blocks of the footer belong to it only. The Divider block here is the footer’s own version and has its own settings, so it is described in this section rather than in the basic blocks.
- Menu link list: a list of links from a menu. Up to 20 blocks.
- Media: an image or other media.
- Social media: links to your social profiles. Up to 2 blocks.
- Newsletter: an email signup form. Up to 2 blocks.
- Divider: a thin line between footer blocks. Up to 20 blocks.
- Text marquee: a running line of text. Up to 3 blocks.
- Localization: country/region and language selectors. Up to 2 blocks.
- Payment icons: icons of the accepted payment methods. Up to 2 blocks.
- Copyright: copyright text and links. Up to 2 blocks.
Section settings
| Setting | Description |
|---|---|
| Color scheme | Color scheme applied to the footer. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 8. |
| Background image | Optional image shown behind the footer content. |
| Background image mobile | Optional image for mobile. Available only when a background image is selected. |
Shape divider
Cuts the section edge. Add padding so the content doesn’t overlap the cut.
| Setting | Description |
|---|---|
| Type | Shape of the cut: None, Triangle corners, Rounded corners, Zigzag, Diagonal (left), Diagonal (right), Chevron notch or Stairs. Default: None. |
| Position | Which edge is cut: Top, Bottom or Both. Available only when a shape is selected. Default: Top. |
| Cut size | How large the cut is on desktop. Higher values cut deeper. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %. |
| Cut size mobile | How large the cut is on mobile. Available only when a shape is selected. Range: 50–150 %, step 5. Default: 100 %. |
| Top: scheme of the section above | Color scheme of the neighbouring section above, so the cut shows its background in light and dark mode. Available when the cut is at the top or on both edges. Default: Scheme 1. |
| Bottom: scheme of the section below | Color scheme of the neighbouring section below, so the cut shows its background in light and dark mode. Available when the cut is at the bottom or on both edges. Default: Scheme 1. |
Custom CSS
The Custom CSS field at the bottom of the section panel is a standard Shopify setting. CSS entered there applies to this section only.