# Footer

### Section overview

The theme footer section is a customizable site-wide footer that provides navigation, social media links, newsletter signup, and other essential footer content. It features responsive design with different layouts for mobile and desktop views.

#### Common use cases

* Adding navigation menus and links to important pages
* Displaying contact information and store details
* Collecting email subscribers with a newsletter signup form
* Showcasing social media links and payment methods

#### Usage tips

* Keep menu structures simple and organized for easy navigation
* Ensure all content is properly aligned on both mobile and desktop views
* Consider using contrasting colors for better visibility of footer elements
* Add only the most relevant social media links to avoid overwhelming the footer

### Section settings

| Setting               | Description                                                                       |
| --------------------- | --------------------------------------------------------------------------------- |
| Top spacing           | Adjusts the amount of space above the main footer content (0-300px)               |
| Bottom spacing        | Adjusts the amount of space below the main footer content (0-300px)               |
| Color scheme          | Sets the background and text color for the main footer section                    |
| Color border          | Determines the border color and style for the main footer section                 |
| Color button          | Sets the appearance style for buttons in the main footer                          |
| X alignment           | Controls the horizontal alignment of content in the main footer                   |
| Sub color scheme      | Sets the background and text color for the sub-footer section                     |
| Sub color border      | Determines the border color and style for the sub-footer section                  |
| Submenu               | Selects which menu to display in the sub-footer section                           |
| Show account link     | Toggles visibility of customer account login/access link                          |
| Show localization     | Toggles visibility of currency and language selector                              |
| Show payment icons    | Toggles visibility of supported payment method icons                              |
| Enable follow on shop | Toggles the Shop Pay follow button feature                                        |
| Visibility            | Controls whether the footer displays on all devices, mobile only, or desktop only |

### Block settings

#### Menu

This block adds a navigation menu to the footer with support for multi-level menus on mobile and desktop.

* Block limit: 8

| Setting | Description                                 |
| ------- | ------------------------------------------- |
| Menu    | Selects which menu to display in this block |

#### Content

This block adds custom content including text, images, and links to the footer.

* Block limit: 3

| Setting             | Description                                           |
| ------------------- | ----------------------------------------------------- |
| Heading             | Sets the title text for this content block            |
| Content             | Rich text area for store information or other content |
| Button label        | Text to display on the optional action button         |
| Button URL          | Destination link for the button                       |
| Logo                | Optional image to display in this block               |
| Desktop logo height | Controls the logo size on desktop devices (20-70px)   |
| Mobile logo height  | Controls the logo size on mobile devices (10-50px)    |

#### Newsletter

This block adds an email newsletter signup form to the footer.

* Block limit: 1

| Setting         | Description                                                         |
| --------------- | ------------------------------------------------------------------- |
| Heading         | Sets the title text for the newsletter form                         |
| Content         | Rich text area for newsletter description                           |
| Button          | Text to display on the signup button                                |
| Disclaimer      | Optional text for legal/privacy information about newsletter signup |
| Success message | Text displayed after successful newsletter subscription             |