While the currency converter included in Out of the Sandbox themes will change the price displayed to customers based on their selection, once the checkout process begins, prices will revert back to your store's default currency. Due to limitations with the Shopify platform, you cannot process orders in more than one currency in a single store. Also, the currency converter does not support the ability to automatically detect a user's location and change the currency to the appropriate local one.
Our themes come with many built in features, one of which is the currency converter. The currency converter allows your customers to shop your store and see the prices in their local currency.
First, enable your currency converter:
Newer theme versions (with Sections):
Sales Channels > Online Store > Themes > Customize > Theme settings > Currency Converter
Older theme versions (pre-Sections):
Sales Channels > Online Store > Themes > Customize > Currency Converter
First, enable your currency converter:
Newer theme versions (with Sections):
Sales Channels > Online Store > Themes > Customize > Theme settings > Currency Converter
Older theme versions (pre-Sections):
Sales Channels > Online Store > Themes > Customize > Currency Converter
Check the box "Enable currency conversion" or "Currency selector enabled?" (depending on your theme version) to display the option in your store.
Then in the next fields, you can choose which currencies you want to offer, your default currency and if you want to display the currency code after the price, such as (with currency) "$10.00 USD" or (without currency) "$10.00".
You can find a list of all of the currencies that are supported here.
If your theme is not using Sections you must follow the instructions below. If you have a Section theme you do not need to complete these steps, it will work automatically.
Next, you'll need to "Tell Where the Money Is" to your store which allows your currency converter to change the prices on your store.
First, go to Settings > General, and scroll down to the "Standards and formats" section. Click on the "change formatting" to the right of the currency option:
Once you click on that link, the area will expand to reveal the Currency Formatting section:
Under the "HTML with currency" box, you'll replace that text with the following (replace the CAD with your default currency, such as USD, GBP, etc. We're just some of those crazy Canadian folk!):
<span class=money>${{amount}} CAD</span>
Next, under the "HTML without currency" box, you'll replace that text with the following:
<span class=money>${{amount}}</span>
You'll notice in the Shopify guide, they recommend putting the currency code behind both. The reason we don't suggest this is if you are looking to display the money without the currency, it'll show the currency code for your default currency, then no code behind the other options.
Once you've added those, it should look something like this:
Once you've added those, it should look something like this:
Click Save and you're done! Now the currency converter will work on your site like on our demo shops!
Try it for yourself here.
Please note: Shopify will charge in the currency you've selected only. At the moment, there isn't a way to charge in the customer's local currency. The currency converter is designed to give your customers an idea of how much it'll cost them in their currency.