> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/group-sections/footer-group/footer.md).

# Footer

The Footer is the area at the bottom of every page of your store. It’s where visitors often look for links (like Contact, FAQ, or policies), your newsletter signup, and trust elements such as payment icons. A clear, well-organized footer helps with navigation and can support sales and signups.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FVewaPsJdnT0YJYGzl1pE%2Fimage.png?alt=media&amp;token=db9c4f19-6554-44ce-83f2-8a0a8edeee27" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

### How to set it up

1. Go to **Online Store** > **Themes** > **Customize**.
2. Open **Sections** > **Footer**.
3. Make your changes, preview live, then click **Save**.
   {% endhint %}

### Settings

#### Background image

* **Background image**: Adds an image behind the whole footer. Use a subtle image so text and links stay readable.
* **Background image (mobile)**: Optional image shown only on phones and small screens. If you leave it blank, the desktop background image is used.
* **Background overlay opacity**: Darkens or lightens the background image (0–100%). Use this so text and buttons stay easy to read.

#### Footer settings

* **Color scheme**: Chooses the main colors for the footer (text, background, links). Matches your theme’s color schemes.
* **Full width**: When enabled, the footer content stretches to the full width of the screen instead of a centered column.
* **Logo and newsletter position**: Puts the logo/newsletter block on the **Left** or **Right** on desktop. Menu and text blocks sit on the opposite side.
* **Social media icons**: Shows or hides social icons in the footer. Accounts are managed in theme settings.
* **Social media icons size**: Sets the size of the social icons (e.g. Current, S, M, L, XL).
* **Space between columns**: Adjusts the horizontal gap between the left and right columns on desktop (in pixels).
* **Footer top border width**: Thickness of the line between the main content and the footer (0–10 px).
* **Separator border width**: Thickness of the line between the main footer content and the bottom bar (policies, payment, copyright).
* **Top margin**: Adds space above the footer.
* **Top padding**: Adds space below the top border, inside the footer.
* **Bottom padding**: Adds space above the bottom bar (policies, payment icons, etc.).

#### Bottom Footer Settings

* **Color scheme**: Color scheme for the bottom bar only (policies, payment icons, copyright, country/language).
* **Bottom content vertical padding**: Vertical padding for the bottom bar. Affects how compact or spacious it looks.
* **Payment method icons**: Shows or hides the row of payment method icons (e.g. cards, PayPal).
* **Show "Powered by Shopify" text**: Shows or hides the “Powered by Shopify” line in the copyright area.
* **Policy links**: Shows or hides links to your legal pages (e.g. Refund policy, Privacy policy). Pages are managed in Shopify admin under Settings > Legal.
* **Language selector**: Shows or hides the language picker for visitors who have multiple store languages. Languages are set in Shopify admin.
* **Country/region selector**: Shows or hides the country/region picker for international shoppers. Countries are set in Shopify admin under Markets.

***

### Blocks

#### Brand information

* **Image**: Logo or brand image for this block.
* **Image width**: Width of the image as a percentage of the block (50–100%).
* **Image border radius**: Rounds the corners of the image (0–40 px).
* **Headline**: Short heading above the description.
* **Description**: Rich text about your brand.
* **Show address**: Displays your store address. You can override it with **Custom address**.
* **Custom address**: If filled, this is shown instead of the address from Store settings. Leave blank to use the default.
* **Show phone**: Displays a phone number.
* **Custom phone**: Phone number to show when “Show phone” is on. Leave blank to use the one from theme/store settings if available.
* **Show email**: Displays an email address.
* **Custom email**: Email to show when “Show email” is on. Leave blank to use the one from theme/store settings if available.
* **Social media icons**: Shows or hides social icons inside this block. Accounts are managed in theme settings.

#### Menu

* **Heading**: Title above the menu (e.g. “Quick links”, “Support”).
* **Menu**: The navigation menu to display. Create and edit menus under **Online Store > Navigation**.

#### Text

* **Heading**: Title for the block.
* **Subtext**: Body text (e.g. contact info, short message, or store details). Supports basic formatting.

#### Newsletter

* **Heading**: Title above the signup form (e.g. “Subscribe to our emails”).
* **Heading text size**: Size of that heading (XS to 2XL).
* **Additional text**: Rich text shown above or near the email field (e.g. short incentive).
* **Show social icons**: Shows social icons in this block. Uses the accounts from theme settings.
* **Top padding** / **Bottom padding**: Vertical spacing for this block.
* **Button style**: **Icon** (arrow/button only) or **Text** (e.g. “Subscribe”) for the submit button.
* **Newsletter input color scheme**: Color scheme for the email input and button in this block.
* **Privacy & Consent**: **Show consent checkbox** adds a GDPR-style checkbox; **Consent text**, **Privacy policy URL**, and **Privacy policy link text** let you customize the wording and link.

#### Link

* **Link title**: Visible text for the link.
* **Link**: Destination URL (e.g. a page, collection, or external site).
* **Size**: Text size for the link (e.g. XS, S, M, L, XL).

#### Footer image

* **Image**: Full-width image for the footer (e.g. logo strip, banner, or decorative image). You can use only one Footer image block.
* **Position**: **Top** or **Bottom** of the footer content.

#### Running text

This block shows scrolling/marquee-style text (e.g. a tagline or promotion). You can use only one per footer.

* **Position**: **Top** or **Bottom** of the footer—where the running text bar appears.
* Other options in this block (text lines, speed, separator, colors, padding, etc.) follow the same behavior as the standalone Running text section; use them to control content, layout, and style.

***

### Tips

* Use **Brand information** for logo, short description, and contact details. Add **Menu** blocks for links (e.g. Shop, Help, Legal) and **Newsletter** for email signup.
* Reorder blocks by dragging them in the theme editor; the order defines the layout (e.g. brand left, menus right, or the opposite if you change **Logo and newsletter position**).
* If you use a **Background image**, increase **Background overlay opacity** until text and links are easy to read.
* Turn on **Policy links** and set your Refund, Privacy, and Terms of Service pages in **Settings > Legal** so the footer can link to them.
* For multiple languages or countries, configure them in Shopify admin, then use **Language selector** and **Country/region selector** so the footer shows the right options.
