Footer
Overview:
The Footer section is designed to display essential store information at the bottom of the storefront, including localization settings, country and language selectors, color schemes, responsive layouts, and spacing controls. This section helps merchants provide a localized shopping experience while maintaining a consistent footer design across desktop and mobile devices.
Section Configuration
Localization Settings:
| Setting | Description |
|---|---|
| Enable Country Selector | Displays a country selector dropdown in the footer for supported international markets. |
| Enable Language Selector | Displays a language selector dropdown in the footer for multilingual storefronts. |
| Localization Color Scheme | Applies a predefined color palette to the localization selector area. |
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the footer uses Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the footer container on desktop devices. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the footer background and content. |
Inner Spacing:
These settings control spacing inside the footer section.
| Setting | Description |
|---|---|
| Top Padding (Desktop) | Adds spacing inside the top area of the footer on desktop devices. |
| Bottom Padding (Desktop) | Adds spacing inside the bottom area of the footer on desktop devices. |
| Left Padding (Desktop) | Controls inner left spacing on desktop devices. |
| Right Padding (Desktop) | Controls inner right spacing on desktop devices. |
| Top Padding (Mobile) | Adds spacing inside the top area of the footer on mobile devices. |
| Bottom Padding (Mobile) | Adds spacing inside the bottom area of the footer on mobile devices. |
| Left Padding (Mobile) | Controls inner left spacing on mobile devices. |
| Right Padding (Mobile) | Controls inner right spacing on mobile devices. |
Outer Spacing:
These settings control spacing outside the footer section.
| Setting | Description |
|---|---|
| Top Margin (Desktop) | Adds spacing outside the top area of the footer on desktop devices. |
| Bottom Margin (Desktop) | Adds spacing outside the bottom area of the footer on desktop devices. |
| Left Margin (Desktop) | Controls outer left spacing on desktop devices. |
| Right Margin (Desktop) | Controls outer right spacing on desktop devices. |
| Top Margin (Mobile) | Adds spacing outside the top area of the footer on mobile devices. |
| Bottom Margin (Mobile) | Adds spacing outside the bottom area of the footer on mobile devices. |
| Left Margin (Mobile) | Controls outer left spacing on mobile devices. |
| Right Margin (Mobile) | Controls outer right spacing on mobile devices. |