Adding the currency selector to the header / footer
Jonathan Biri avatar
Written by Jonathan Biri
Updated over a week ago

Please note:

As there are thousands of possible themes, this guide only covers some use case.

The setup process is the same for all themes, but you might need to track down the matching liquid file for placement.


First, let's hide the default sticky option.

1. Uncheck "show" on the currency selector at the top

>


​

Now click "save".

The sticky selector is now hidden.


2. Scroll down to "Custom Placement" settings.

3. Click "copy"


​

4. Open your template files by clicking "template file" link


​

ADDING THE APP TO YOUR HEADER:

(!) Click here for guides for specific themes:

You can also watch this video:

5. Search for "header" in the "Search files" box

6. Click the "header" file

7. Find the location you want to show the app in and paste the code:

<div class="ultimate-currency"></div>

In this example - we placed it next to the cart icon in the header (line 56)

8. Click "Save"

ADDING THE APP TO YOUR FOOTER:

You can also watch this video:

5. Search for "footer" in the "Search files" box


​

6. Click the "footer" file

7. Find the location you want to show the app in and paste the code:

<div class="ultimate-currency"></div>

In this example - we placed it at the bottom of the footer (line 117)

Follow the same flow for any other theme location.

Did this answer your question?