Spark

Footer

The Footer appears at the bottom of every page. It's a great place for quick-access links, contact details, and other store information.

In the Footer section settings, choose to enable the Language selector, Country selector, payment icons, and Social media icons.

Footer blocks

Add four different types of Content blocks and re-arrange them in your Footer:

Adjust their Desktop width and Padding, or add a Spacer block, to create the best layout for your Footer.

Language selector

Spark supports selling in multiple languages. After you have added and published languages ↗ to your store, enable the Language selector to let customers select their preferred language.

Spark comes with theme translations for default theme text in 11 languages: Italian, French, German, Spanish, Hindi, Japanese, Portuguese (BR), Portuguese (PT), Russian, Swedish, and Chinese (Simplified).

See our Selling in multiple languages guide to learn more. You can add multiple languages in your Shopify admin and use a translation app to translate your store content.

Country selector

Enable the Country selector to let customers to view your products with their preferred currency. The selector displays countries with their currencies supported in your Shopify Market settings.

Shopify | See Shopify's Sell in multiple currencies with Shopify Payments ↗ guide to learn how to add multiple currencies.

Payment icons

Enable Payment icons to display a row of supported payment methods.

Shopify | Themes do not control which payment icons appear. Payment methods are a Shopify feature. See Shopify's Payments manual ↗ to learn more.

Advanced: Add or remove payment icons

Our support does not cover custom code. These steps are offered only as a reference. we recommend working with a developer through Shopify Experts ↗ or Task Husky ↗.

If you are familiar with coding, you can edit the payment-icons.liquid file to add or remove payment icons that are displayed.

When editing theme code, always duplicate your current theme and use the unpublished theme copy to test your changes before publishing.

STEPS

From your Shopify admin:

  1. Go to Online store > Themes.

  2. Find your current theme, then click the ... button and select Duplicate theme.

  3. On the duplicated theme, click the ... button and select Edit code.

  4. In the Snippets folder, click payment-icons.liquid to open the file.

  5. Find the following code:

{% for type in enable_payment_types %}

  1. Replace that code with the following code:

```liquid

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %} {% for type in enabled_payment_types %}


</div>

7.  Edit the payment type values to change which icons are displayed. Separate each value with a comma.

    > The default list is `visa,master,american_express,paypal`. Find all [available payment values](https://github.com/activemerchant/payment\_icons/tree/master/app/assets/images/payment\_icons). Copy the name but do not include `.svg`

<!---->

8. Click **Save**.
9. After testing, you can go to your Theme library to **Publish** the duplicated theme with your changes.

</details>

## Social media icons

Add your social media links in the Theme settings to automatically display those social icons in the Text and image footer block. Enter the full URL, including **`https://`**.

## Follow on shop

You can enable **Follow on Shop** in the **Newsletter** or **Text and image** footer blocks. Follow on Shop allows customers to follow your store on the Shop app and receive personalized recommendations and notifications about your products.

Click on the block and select the **Enable Follow on Shop** checkbox.

<div data-gb-custom-block data-tag="hint" data-style='success'>

<mark style="color:green;">**Shopify**</mark> | Follow on Shop is a Shopify feature. To use this feature, you need to have the Shop channel installed, and Shop Pay activated on your store. See [Shopify's Follow on Shop guide ↗](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop) for assistance.

</div>
<br>

***

> **Related links**
>
> [Links block](links-block.md)\
> [Newsletter block](newsletter-block.md)\
> [Text and image block](text-and-image-block.md)\
> [Header](../header/)

Last updated