Multi-Currency Install Instructions – Help Center

Multi-Currency
All Versions
Advanced liquid knowledge required
30 Minutes+

Warning!

This article requires technical knowledge and prior experience with liquid code. If you are not comfortable with this, Request a Multi-Currency Installation for help.

Before you begin, review Notes Before Installing Apps. This article will help get you prepared and answers many common questions.

Select each step below to view the instructions.

Step 1: Install Multi-Currency

Edit Your Money Formats (Complete the Shopify steps).
From "Shopify Admin", select Apps.
Select Visit Shopify App Store.
Enter Multi Currency in the "Search Bar".
Select Multi-Currency.
Select Get.
Select Install app.

Step 2: Edit Shopify Currency Settings

From "Shopify Admin", select Settings.
Select General.
Under "Standards and formats", select Change formatting.
Replace the HTML with currency code with:

Note: The currency symbol and abbreviation should match your currency settings.
```
<span class=money>$ {{amount}} USD</span>
```
Replace the HTML without currency code with:

Note: The currency symbol should match your currency settings.
```
<span class=money>$ {{amount}} USD</span>
```
Select Save.

Step 3: Add Bold-Common Snippet

Note: If this file already exists, you can skip this step.

Duplicate themes, to create a backup copy.
From "Shopify Admin", select Online Store.
Select Actions.
Select Edit code.
Under "Snippets", find bold-common.liquid.
If it doesn't exist, select Add a new snippet.
Enter the correct snippet name.
Select Create snippet.
Copy and paste the bold-common.liquid code.
Select Save.

Step 4: Verify Assets and Snippets

Note: If any of this code already exists, you can skip the step.

From "Shopify Admin", select Online Store.
Select Actions.
Select Edit code.
Select Snippets.
Find these files:
- bold-common.liquid
- bold-currency-converter.liquid
- bold-currency-picker-mount.liquid
- bold-currency-templates.liquid
Select Assets.
Find these files:
- flags.min.css
- bold-currency-picker.css
- bold-currency-bootstrap.js
Note: Ensure your bold-currency-picker.css file contains relevant coding. If not, follow the step below.
If any of these files do not exist, visit Missing Liquid Files in Multi Currency for steps to add them manually.

Step 5: Edit theme.liquid

Note: If any of this code already exists, you can skip the step.

Duplicate themes, to create a backup copy.
From "Shopify Admin", select Online Store.
Select Actions.
Select Edit code.
Under "Layout", select theme.liquid.
Copy and paste this code directly above the </head> tag.
```
{%- include 'bold-common' -%}
```
Copy and paste this code directly above the </body> tag.
```
{%- include 'bold-currency-converter' -%}
```
Copy and paste this code where you would like the currency picker widget to appear (optional):

Note: The purpose of this code is to add the currency picker in more that one location (i.e. header, footer, etc.). If you don't complete this step. Multi Currency will automatically add one for you which will appear at the bottom center of the viewport. If you do complete this step, Multi Currency will not automatically add one. openDirection: 'up' causes the picker to open upwards, this can be changed to down if you prefer.
```
{%- include 'bold-currency-picker-mount', openDirection: 'up' -%}
```
Select Save.