Footer

The main appearance of the footer

Color scheme

SettingsDescription
Color schemeYou can change the color of the footer. Its color scheme is based on your main theme “Color Settings

Country/Region Selector (Multi-Currency)

SettingsDescription
Enable country/region selectorYou can enable/disable multi-currency from the footer.
NOTE: To add a country/region, go to your payment settings

How to setup Payments in your store

Please follow the instructions-

  1. From your Shopify admin, go to Settings > Payments.
  2. In the Shopify Payments section, click Manage.

Go to the page to get more details, Learn more

How do you show Payment Icons on Shopify?
SettingsDescription
Show payment iconsIf you enable it, the payment icon will appear in the footer.
Warning: You must need to set up payment methods in your store.

Language Selector (Multi-Language)

SettingsDescription
Enable language selectorYou can enable/disable multi-language from the footer.
NOTE: To add a language, go to your language settings

How to setup Multi-language in your store

  1. From your Shopify admin, go to Settings > Languages.
  2. Click Add Language.
  3. Choose a language from the drop-down menu, then click Add.
  4. Select an active market to add your language.

Go to the page to get more details, Learn more

Footer Bottom Content Alignment

SettingsDescription
Content alignmentCenter: Left and right side content will be positioned in the center.
Left to right: Left and right side content will be positioned left to right alignment.
Top to bottom: 2 Columns of content will be positioned top to bottom.

DIVIDER (Border at the top of the footer)

SettingsDescription
Show divider on inner pagesYou can show a border on top of the footer section. It will show only for the inner pages, not the home page.
Show divider on home pageYou can show a border on top of the footer section. It will show only on the home page.

Section padding settings

SettingsDescription
Desktop: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Last updated on November 23, 2025

Was this article helpful?

PREVIOUS

Scrolling text

NEXT

Image banner

Powered by Support Genix