Stiletto

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, Social media icons, and show additional copyright text.

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

Stiletto 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.

Stiletto comes with theme translations for default theme text in 4 languages: French, GermanItalian, and Spanish.

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 | The theme automatically displays icons for the payment options enabled in your Shopify admin, depending on your customer's region and currency. 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`

    <figure><img src="../../.gitbook/assets/payment-icons-code.gif" alt=""><figcaption></figcaption></figure>

<!---->

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://`**.

![](../../.gitbook/assets/footer-social-icons.jpeg)

## Change default footer text

The Footer displays default theme text in the bottom-right corner. You can change this default text in the **Theme content editor**.

![](../../.gitbook/assets/footer-edit-content.jpeg)

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

From your **Shopify admin**:

1. Go to **Online store** > **Themes**.
2.  Click **Actions** (**`...`**) > **Edit default theme content**.

    > You can also access the theme content editor from your **Theme editor**. Click **Actions** **`...`** and click **Edit defaut theme content**.
3.  Type "Footer" into the search bar. Under **Footer**, you can change the following default text.

    > "Copyright", "Currency & Language", "Currency", "Language", "Payment", "All rights reserved", "See our terms of use and privacy notice."
4. To remove "Powered by Shopify", search "Powered" and use your spacebar to add a single space in the field.
5. Click **Save**.

</details>

## 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