Multi-Currency Code Install Instructions

Follow

Warning!

Any other currency conversion apps or software should be disabled on your site before using Multi-Currency. Using two conversion apps at the same time can cause conflicts with how the currency displays on the site.

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

Note: This article requires technical knowledge and prior experience with liquid code. If you are not comfortable with this, please complete Step 1 of this guide, then visit Request a Multi-Currency Installation for additional assistance.

Select each step below to view the instructions.

  1. From Shopify's admin, select Settings.

    select settings

  2. Select General.

    select general

  3. Under "Store currency", select Change formatting.

    Select Change Formatting

  4. Replace the HTML with currency code with:

    Note: The currency symbol and abbreviation should match your store's currency. If you're using the Japanese Yen as your default currency, please use {{amount_no_decimals}} for your currency formatting.

    <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 store's currency.

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

    HTML without currency

  6. Select Save.

    select save

  1. Duplicate themes, to create a backup copy.
  2. From Shopify's admin, select Online Store.

    select online store

  3. Select Actions.

    select actions

  4. Select Edit code.

    select 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

To add the liquid files to your current theme, please follow these steps:

  1. From Shopify's admin, select Online Store.

    select online store

  2. Select Actions.

    select actions

  3. Select Edit code.

    select edit code

  4. Under "Assets", find these files:
    • flags.min.css
    • bold-currency-picker.css
    • bold-currency-bootstrap.js
  5. For any that don't exist:
    1. Select Add a new asset.

      select add new asset

    2. Select Create a blank file.

      create blank file

    3. Enter the correct asset name in the "Create a blank file called" field.

      select_asset_name.png

    4. Select the correct extension (i.e. css or js).

      select_correct_extension.png

    5. Select Add asset.

      select add asset

    6. Copy and paste the code found in each of these links into their respective files:

      picture of code

    7. Select Save.

      select save

    8. Repeat steps 6a – g for each missing snippet file.
  6. Under "Snippets", find these files:
    • bold-currency-converter.liquid
    • bold-currency-picker-mount.liquid
    • bold-currency-templates.liquid

    find these files

  7. For any that don't exist:
    1. select Add a new snippet.

      select add new snippet

    2. Enter the correct snippet name in the "Create a new snippet called" field.

      enter in the snippet name

    3. Select Create snippet.

      select create snippet

    4. Copy and paste the code found in each of these links into their respective files:

      picture of the code

    5. Select Save.

      Select Save

    6. Repeat steps 8a – e for each missing snippet file.
  1. From Shopify's admin, select Online Store.

    select online store

  2. Select Actions.

    Actions

  3. Select Edit code.

    Edit code

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

    Select theme.liquid

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

    copy and paste this code

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

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

    copy and paste this code

  7. 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, the app 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

  8. Select Save.

    select save

  1. From Shopify's admin, select Online Store.

    Select Online Store

  2. Select Actions.

    Select Actions

  3. Select Edit code.

    Select Edit Code

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

    Note: This may be located under "Sections" in the cart-template.liquid file.

    Select cart.liquid

  5. Find a line of code similar to:
    {{ item.price | money }}
    On newer themes, it may be:
    {{ item.final_price | money }}

    Note: This code may be referenced differently depending on the theme you are using. In some themes, this code may not exist at all. If it is contained within your theme, the code will include a reference to "price".

    Find item.price money
  6. Copy and paste the following snippet of code above this line:
    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_price" style="display:none !important;"></span>

    Copy/Paste Bold Code

  7. Find a line of code similar to:
    {{ item.line_price | money }}
    On newer themes, it may be:
    {{ item.final_line_price | money }}
    Find item.line_price money
  8. Copy and paste the following snippet of code above this line:
    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_item_total" style="display:none !important;"></span>

    Copy/Paste Bold Code

  9. Find a line of code similar to:
    {{ cart.total_price | money }}

    Find cart.total_price money

  10. Copy and paste the following snippet of code above this line:
    <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_total" style="display:none !important;"></span>

    Copy/Paste Bold Code

  11. Select Save.

    Select Save

That's it!

Next Steps:

Blog Posts:

21 out of 31 found this helpful

Comments

17 comments
  • Stuck at Step 5.5. There is no line of code similar to {{ item.price | money }} or {{ item.final_price | money }} Please help?

    0
    Comment actions Permalink
  • Hey Sha!

    Thanks so much for reaching out :) It's possible that your cart.liquid file is using a slightly different variation of this code. I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • The contents of the cart.liquid template can be found in /sections/cart-template.liquid

    0
    Comment actions Permalink
  • hello, same issue as a Sha.. Cant find a line with a code {{ item.price | money }} or {{ item.final_price | money }}
    Im using brooklyn theme, any help please ?

    0
    Comment actions Permalink
  • Hey Daniel!

    Thanks so much for reaching out :) It's possible that your cart.liquid file is using a slightly different variation of this code. I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • Hello,
    Cant find a line with a code {{ item.price | money }} or {{ item.final_price | money }}.
    Can I replicate the same procedure in /sections/cart-template.liquid?
    Cheers
    Frederic

    0
    Comment actions Permalink
  • Hey Frédéric!

    Thanks so much for reaching out :) It's possible that your cart.liquid file is using a slightly different variation of this code. I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • Hello, same issue as a Sha.. Cant find a line with a code {{ item.price | money }} or {{ item.final_price | money }}
    Im using Install-me-wokiee-v-1-4-1...

    0
    Comment actions Permalink
  • Hey Tugay!

    Thanks so much for reaching out :) It's possible that your cart.liquid file is using a slightly different variation of this code. I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • i have followed all these steps and it works. except my cart page. Currency isn't changing on cart page.
    Please do let me know if i have made any mistake.

    Many Thanks.

    0
    Comment actions Permalink
  • Hi there!

    Thanks so much for reaching out :) Generally when this occurs there's a piece of coding on the cart page that has not been edited.

    I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • There is no line of code similar to {{ item.price | money }} or {{ item.final_price | money }} Can you please help me?

    0
    Comment actions Permalink
  • Hey Kunda!

    Thanks so much for reaching out :) It's possible that your cart.liquid file is using a slightly different variation of this code. I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to help you with this!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • Where should I put the code from 4.7 if I want the currency picker under my "cart" icon?

    0
    Comment actions Permalink
  • Hey Lucas!

    Thanks so much for reaching out :) If you're looking to put the currency picker underneath the cart icon near the top of your site, it should go below a piece of code generally called the "nav-header" or "nav".

    I've gone ahead and created a ticket, on your behalf, with our Merchant Success team and they'll be more than happy to assist further from here!

    Please just let us know through our email thread what your .myshopify URL is and if we have access to your Shopify admin.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink
  • Hey Brendin!

    I would like prices to appear in the shopify store like this: £95.00 (£ amount nocurrency) but I couldn't figure out how yet. It's £95.00 GBP in the case of money or money_with_currency and 95.00 if I set money_without_currency in product_block/grid/list_item.liquid. (here:{% assign price = product.price | money %}{{ price }})

    At Settings/General/Store currency I deleted GBP from everywhere, hoped it may helps, but not. The current parameters are these:
    HTML with currency: £{{amount}}
    HTML without currency: £{{amount}}
    Email with currency: £{{amount}}
    Email without currency: £{{amount}}

    In bold-common.liquid - money_format: {{ shop.money_format | json }} is set, it also supports the format I wish.

    Can you please help me, what to change in order to show prices in the £amount format?

    Thanks in advance,
    Dorka

    0
    Comment actions Permalink
  • Hey Dorottya!

    Thanks so much for reaching out :) Admittedly I'm not entirely sure if this is possible or how to accomplish this. However, I've gone ahead and created a ticket on your behalf with our Merchant Success team who will be more than happy to assist from here!

    Please let us know through this email thread if you have any further questions in the meanwhile and we'll be glad to answer.

    Cheers,
    Brendin
    Knowledge Centre Manager

    0
    Comment actions Permalink

Please sign in to leave a comment.