Footer top
Overview:
The Footer Top section is a customizable area at the top of the footer, typically used to display a logo, business details, navigation links, social media icons, and a newsletter subscription form. It supports flexible layout options, custom alignment settings, and independent color schemes for different components.
Section Configuration:
Setting |
Description |
|---|---|
| Logo Image | Uploads a logo image to be displayed in the footer. |
| Logo Width (Desktop) | Sets the width of the logo image on desktop devices. Range: 100–500px. |
| Logo Width (Mobile) | Sets the width of the logo image on mobile devices. Range: 90–150px. |
| Description Text | Adds rich text content for business info such as email, hours, or address. |
| Description Size | Controls the font size of the description text. Options: Small, Medium, Large, Extra Large. |
| Description Weight | Adjusts the font weight of the description. Options: Light, Normal, Medium, Semi-Bold, Bold, Extra Bold. |
| Container Layout | Determines the layout width of the section. Options: Page Width, Contained Content, Full Width. |
| Corner Radius | Controls which corners have rounded edges. Options: None, Top Only, Bottom Only, Both. |
| Text Alignment (Desktop) | Aligns text horizontally on desktop. Options: Left, Center, Right. |
| Text Alignment (Mobile) | Aligns text horizontally on mobile. Options: Left, Center, Right. |
| Color Scheme | Applies a preset color scheme to the section background and content. |
Blocks Configuration:
Form Block (Stay Up to Date)
Displays an email subscription form with optional background image and supporting text.
Setting |
Description |
|---|---|
| Form Image | Adds a background image for the form area. |
| Form Heading | Sets the title above the form (e.g., “Subscribe to our emails”). |
| Form Heading Size | Adjusts the size of the form heading. Options: H2, H3, H4, Medium Text. |
| Form Heading Weight | Sets the font weight of the heading. Options: Light, Normal, Medium, Semi-Bold, Bold, Extra Bold. |
| Form Description | Adds a paragraph of rich text below the heading. |
| Form Description Size | Adjusts the font size of the form description. Options: Small, Medium, Large, Extra Large. |
| Form Description Weight | Sets the font weight for the description text. Same weight options as above. |
| Form Color Scheme | Applies a separate color scheme to the form area. |
Menu Block
Displays a list of navigation links within the footer.
Setting |
Description |
|---|---|
| Menu | Selects a link list from your Shopify navigation to display as footer links. |
Social Icons Block
Shows a list of social media links using either icons or text labels.
Setting |
Description |
|---|---|
| Display Style | Chooses how social media links are shown. Options: Icons or Text. |
Note: The social media links are pulled from your store’s general Social Media Settings.