Store Currency & International Rates

[TBS2023]

Hello

So my online store & shop are based in Mauritius

My online currency is set to Euro because of import prices are in Euro

How to i make the rates display in Mauritian Rupee when viewed by people in Mauritius even though my currency is set to Euro.

I also sell internationally so want clients from south africa for example to be able to view the currency in ZAR

[DaisyVo]

Hi @TBS2023 

I see what you're trying to do—you want your store's default currency to be in Euro (EUR) because of import pricing, but you'd like visitors from Mauritius to see prices in Mauritian Rupees (MUR) and customers from South Africa to see prices in South African Rand (ZAR). That makes perfect sense for a seamless shopping experience.

Solution:

To display prices in local currencies based on the visitor’s location, you need to enable a currency conversion feature. Shopify does not allow changing the store's checkout currency dynamically unless you use Shopify Payments with Multi-Currency, but you can display converted prices for browsing customers.

Option 1: Use Shopify Payments with Multi-Currency

If you have Shopify Payments enabled (and available in your region), you can:

1. Go to Settings > Payments.
2. Click on Manage under Shopify Payments.
3. Scroll down to Currencies and add Mauritian Rupee (MUR) and South African Rand (ZAR).
4. Shopify will then automatically show the visitor's local currency based on their IP address.

Pros: Checkout will also be in the customer’s currency.
Cons: Shopify Payments is not available in all countries, including Mauritius.

Option 2: Use a Currency Converter App

Since Shopify does not change checkout currency unless using Shopify Payments, the best way is to use a currency converter app to show different currencies dynamically.

Popular apps:

• BEST Currency Converter (Free plan available)
• Geolocation by Shopify (Free, but requires Shopify Payments)
• Multi Currency Converter Hero (Free)

🔹 These apps will automatically convert and display the prices in MUR or ZAR based on the user’s location. However, checkout will still be in EUR unless using Shopify Payments.

Option 3: Manually Code a Currency Converter

If you want a custom solution, you can manually add a currency switcher with Liquid and JavaScript. Here’s a basic example:

1. Edit Your Theme’s Code
   Go to Online Store > Themes > Edit Code, then find theme.liquid and insert this script before </body>:

   <script>document.addEventListener("DOMContentLoaded", function () { fetch("https://ipapi.co/json/") .then(response => response.json()) .then(data => { let country = data.country_code; let currency = "EUR"; // Default store currency if (country === "MU") { currency = "MUR"; } else if (country === "ZA") { currency = "ZAR"; } document.querySelectorAll(".price").forEach(price => { let euroPrice = parseFloat(price.getAttribute("data-price-eur")); let exchangeRates = { "MUR": 50, "ZAR": 20 }; // Replace with real-time rates price.innerText = (euroPrice * exchangeRates[currency]).toFixed(2) + " " + currency; }); }); }); </script>

2. Modify Product Price Display
   Find product.liquid or price.liquid in your theme and update the price output:

   <span class="price" data-price-eur="{{ product.price | divided_by: 100.0 }}"></span>

🔹 This will automatically convert prices based on the visitor’s IP. However, customers will still pay in EUR at checkout.

---

Final Takeaway

• If Shopify Payments is available, use Multi-Currency for the best experience.
• If not, a Currency Converter App is the easiest way to show different currencies dynamically.
• A manual coding solution works but won’t change checkout currency.

Let me know if you need help setting this up.
Best regards,
Daisy.