How to find these settings...
- Online Store
- Customize (Theme Editor)
- Footer
A good footer should contain the added information a customer will need to get to know your company & provide transparencies on logistics & contacts.
Recommended reading
- Menus and links
- Selling in multiple languages
- Translating themes
- Sell in multiple currencies
- Adding store policies
In this section...
Options
Horizontal centering
Center align the content blocks and the sub footer text
Text color
Choose a custom color for the text
Text hover color
Choose a custom color for links when hovered over
Button text color
Choose a custom color for the default button text and the outlined button hover text
Background color
Choose a custom color for the background
Background gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens less than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Top padding
Add padding to the top of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens larger than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'
Sub Footer
Enable language selector
If this is enabled and there is more than one published language file in your store, the current language will reveal a dropdown of all the available languages. It is recommended to thoroughly review the guidelines outlined in the Shopify help document.
- When adding a new language in the admin via Settings > Store languages, a new language file will only be added to the published theme
- Only theme content found in the language files will be translated. This includes elements like the add to cart buttons, default section text & checkout text
- To translate content such as product or collection descriptions, install a translations app that's compatible with selling in multiple languages.
Avenue has language files for the following:
- Arabic
- Chinese - Traditional
- English
- French
- German
- Hebrew
- Italian
- Polish
- Russian
- Swedish
- Spanish
The theme files only affects text for buttons and labels. In order to translate content like pages & descriptions, you will need an app. Translate & Adapt or Translation Lab is recommend to help with translations.
Enable country/region selector
If this is enabled and there is more than one currency accepted in your store, the current country code & currency symbol will reveal a dropdown of all the accepted countries & currencies. Learn more about selling in multiple currencies and how to set it up.
NOTE: Even though prices are displayed in different currencies, orders will still be processed in your store's currency.
Text
Text can be added below the copyright and use basic formatting including bold, italic & linked text
Show payment types
Once payment types have been added to the admin, icons can be added to the footer to show customers what payments you accept
Text color
Choose a custom color for the text
Text hover color
Choose a custom color for links when hovered over
Background color
Choose a custom color for the background
Background gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens less than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens less than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Top padding
Add padding to the top of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens larger than 768px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens larger than 768px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'
Content Blocks
Access content blocks using black arrow next 'Footer'
Content/Container width
The design is based on a 12 column, 1180px wide layout. Refer to the following table to reference content widths:
Setting
Content Width
Minimum Image Width
16.5%*
180px
580px
25%*
280px
580px
33%
380px
580px
50%
580px
580px
66%
780px
880px
75%
880px
880px
87.5%*
980px
1180px
100%*
1180px
1180px
* May not apply to all sections or templates
Text
Text can be added and use basic formatting including bold, italic & linked text
- Heading: Title of the section or feature
- Text: Text can be added and use basic formatting including bold, italic & linked text
- Alignment: Text can be aligned to the left, right or centered to the container
- Enable condensed mobile menus: If enabled, menus will be 'closed' and require clicking the '+' button to open. When enabled, menu's will be visible without a click
Menu
Add a menu to your footer. By default, the 'Footer Menu' will be selected, but any menu can be created and used here. External links will open in a new tab/window.
The Footer Menu blocks can each contain 2 menus. A few suggestions:
- Company links
- Contact
- About
- Search
- Locations
- Legal Links
- Refund policy
- Privacy policy
- Terms of service
- Heading: Title of the section or feature
- Text: Text can be added and use basic formatting including bold, italic & linked text
- Alignment: Text can be aligned to the left, right or centered to the container
- Enable condensed mobile menus: If enabled, menus will be 'closed' and require clicking the '+' button to open. When enabled, menu's will be visible without a click
- Menu title: By default, the menu title will use the name of the menu set in the admin, but you can override that here
- Menu's: Select up to 2 menu's
Image
After selecting an image, if it is smaller than the container, 'Alignment' will position that image to the left, right, or center within the container. Refer to this article for optimal image sizing. Settings 25% & 33% need a higher minimum width to accommodate responsive & mobile screen sizes:
- Image: Select an image to be used
- Alignment: Image can be aligned to the left, right or centered to the container
Social media
- Heading: Title of the section or feature
- Text: Text can be added and use basic formatting including bold, italic & linked text
- Alignment: Text can be aligned to the left, right or centered to the container
- Show newsletter: Gather users emails and permission to market to them. When they sign up, a customer account will be created for them and it will include the marketing opt in
- Show social follow buttons: Customers can also be provided options to follow your existing social media channels
- Show Follow on Shop: Display follow button for your storefront on the Shop app
* NOTE: May not be available on all sections, blocks or templates