Top

How can we help?

Browse our Help Center or visit our Community, still Need Help? Contact Us.

Multi Currency Install Instructions

  • Created:
  • Last Updated:
  • Article ID: 115002592626
  • 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, Email our Support Wizards 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

  1. Edit Your Money Formats (Complete the Shopify steps).
  2. From "Shopify Admin", select Apps.

    Select Apps 

  3. Select Visit Shopify App Store.

    select visit shopify app store 

  4. Enter Multi Currency in the "Search Bar".

    enter Multi Currency in the search bar 

  5. Select Multi Currency.

    select Multi Currency 

  6. Select Get.

    Select Get 

  7. Select Install app.

    Select Install App

Step 2: Edit Shopify Currency Settings

  1. From "Shopify Admin", select Settings.

    select settings 

  2. Select General.

    select general 

  3. Under "Standards and formats", select Change formatting.

    select change formatting 

  4. 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 with currency code 

  5. Replace the HTML without currency code with:

    Note: The currency symbol should match your currency settings.

    <span class=money>$ {{amount}} USD</span>

    HTML without currency 

  6. Select Save.

    select save 

Step 3: Add Bold-Common Snippet

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

  1. Duplicate themes, to create a backup copy.
  2. From "Shopify Admin", select Online Store.

    Online Store 

  3. Select Actions.

    Actions 

  4. Select Edit code.

    Edit code 

  5. Under "Snippets", find bold-common.liquid.

    find these files under snippets 

  6. If it doesn't exist, select Add a new snippet.

    select add a new snippet 

  7. Enter the correct snippet name.

    enter snippet name 

  8. Select Create snippet.

     select create snippet

  9. Copy and paste the bold-common.liquid code.

    copy and paste the code 

  10. Select Save.

    select save 

Step 4: Verify Assets and Snippets

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

  1. From "Shopify Admin", select Online Store.

    Online Store 

  2. Select Actions.

    Actions 

  3. Select Edit code.

    Edit code 

  4. Select Snippets.

    select snippets 

  5. Find these files:
    • bold-common.liquid
    • bold-currency-converter.liquid
    • bold-currency-picker-mount.liquid
    • bold-currency-templates.liquid

    Snippets 

  6. Select Assets.

    select assets 

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

    find these assets 

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

  1. Duplicate themes, to create a backup copy.
  2. From "Shopify Admin", select Online Store.

    Online Store 

  3. Select Actions.

    Actions 

  4. Select Edit code.

    Edit code 

  5. Under "Layout", select theme.liquid.

    select theme.liquid 

  6. Copy and paste this code directly above the </head> tag. 
    {%- include 'bold-common' -%}

    copy and paste this code 

  7. Copy and paste this code directly above the </body> tag.

    {%- include 'bold-currency-converter' -%}

    copy and paste this code 

  8. 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' -%}

    copy and paste this code 

  9. Select Save.

    select save 

Step 6: Edit cart.liquid

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

  1. From "Shopify Admin", select Online Store.

    Online Store 

  2. Select Actions.

    Actions 

  3. Select Edit code.

    Edit code 

  4. Under "Templates", select cart.liquid.

    Note: If your theme contains sections, you may have to look for this code under "Sections" in cart-template.liquid instead.

    select cart.liquid

  5. Find every occurrence of code similar to:

    {{ item.price | money }}

    Note: The item price display can vary by theme but should be similar to this.

    find this code 

  6. Copy and paste this code directly before that line:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_price" style="display:none !important;"></span>

    copy and paste this code 

  7. Find every occurrence of code similar to:

    {{ item.line_price | money }}

    Note: The item line price display can vary by theme but should be similar to this.

    find this code 

  8. Copy and paste this code directly before that line:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_total" style="display:none !important;"></span>

    copy and paste this code 

  9. Find every occurrence of code similar to:

    {{ cart.total_price | money }}

    Note: The cart total price display can vary by theme but should be similar to this.

    find this code 

  10. Copy and paste this code directly above that line:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_total" style="display:none !important;"></span>

    copy and paste this code 

  11. Select Save.

    select save 

Step 7: Edit product.liquid

  1. From "Shopify Admin", select Online Store.

    Online Store 

  2. Select Actions.

    Actions 

  3. Select Edit code.

    Edit code 

  4. Under "Templates", select product.liquid.

    select product.liquid 

  5. Find every occurrence of code similar to:

    {{ product.price | money }}

    Note: The cart total price display can vary by theme but should be similar to this.

    find this code 

  6. Copy and paste this code before it:

    <span class="Bold-theme-hook-DO-NOT-DELETE bold_product_page_price" style="display:none !important;"></span>

    copy and paste this code 

  7. Select Save. 

    select save 

That's it!

Next Steps:

Blog Posts: