Footer
Overview:
The Footer section displays essential store utilities and localization options at the bottom of the website. It supports country and language selectors, customizable container layouts, color schemes, gradients, and responsive spacing controls for desktop and mobile devices. This section helps improve accessibility, localization, and overall footer presentation consistency across the store.
Section Configuration:
Localization Settings:
| Setting | Description |
|---|---|
| Enable Country Selector | Displays a country selection dropdown in the footer for international visitors. |
| Enable Language Selector | Displays a language selection dropdown in the footer for multilingual stores. |
| Localization Color Scheme | Applies a predefined color palette to the localization dropdown area. |
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the footer uses a contained, contained content, or full-width layout. |
| Container Width | Controls the maximum width of the footer container on desktop devices. |
Color Scheme:
| Setting | Description |
|---|---|
| Footer Color Scheme | Applies a predefined color palette to the footer background and content. |
| Gradient Mode | Enables or disables gradient styling for the footer background section. |
Inner Spacing:
| Setting | Description |
|---|---|
| Top Padding (Desktop) | Adds spacing inside the top area of the footer on desktop devices by default it is 10px. |
| Bottom Padding (Desktop) | Adds spacing inside the bottom area of the footer on desktop devices by default it is 10px. |
| Left Padding (Desktop) | Controls the inner left spacing of the footer on desktop devices by default it is 75px. |
| Right Padding (Desktop) | Controls the inner right spacing of the footer on desktop devices by default it is 75px. |
| Top Padding (Mobile) | Adds spacing inside the top area of the footer on mobile devices by default it is 10px. |
| Bottom Padding (Mobile) | Adds spacing inside the bottom area of the footer on mobile devices by default it is 10px. |
| Left Padding (Mobile) | Controls the inner left spacing of the footer on mobile devices by default it is 15px. |
| Right Padding (Mobile) | Controls the inner right spacing of the footer on mobile devices by default it is 15px. |
Outer Spacing:
| Setting | Description |
|---|---|
| Top Margin (Desktop) | Adds spacing outside the top area of the footer section on desktop devices by default it is 0px. |
| Bottom Margin (Desktop) | Adds spacing outside the bottom area of the footer section on desktop devices by default it is 0px. |
| Left Margin (Desktop) | Controls the outer left spacing of the footer section on desktop devices by default it is 0px. |
| Right Margin (Desktop) | Controls the outer right spacing of the footer section on desktop devices by default it is 0px. |
| Top Margin (Mobile) | Adds spacing outside the top area of the footer section on mobile devices by default it is 0px. |
| Bottom Margin (Mobile) | Adds spacing outside the bottom area of the footer section on mobile devices by default it is 0px. |
| Left Margin (Mobile) | Controls the outer left spacing of the footer section on mobile devices by default it is 0px. |
| Right Margin (Mobile) | Controls the outer right spacing of the footer section on mobile devices by default it is 0px. |