Shopify themes, liquid, logos, and UX
Hi,
I just went through the Shopify guide on adding a currency switcher and followed it step by step.
The switcher works however when I go into a product page it reverts back to the AUD price, whilst keeping the 'selected currency' as whatever was picked.
For example I'd like the default display currency to be USD. The home page loads in USD. All products are $34.90USD. Select any product from the home page or the collection page and it switches to $48.99AUD but the switch still shows USD. If you then go to change it, all the prices are messed up. The only way this doesn't happen is if the user changes the price to AUD, then selects the product, once it loads clicks on USD.
Any help will be appreciated. My store is:
https://awesome-cases-store.myshopify.com
Ideally I'd like my payout to be AUD but my display default to be USD. If that's not possible I'll gladly have AUD and AUD with a working switcher. At the moment I've had to pause all my campaigns until this problem is resolved which sucks 😞
Thanks in advance.
Solved! Go to the solution
This is an accepted solution.
Hey Joz,
this happens because the original theme code overwrites all prices on product page on load and when variant changes. And it simply outputs the numbers in your shop native currency.
The tutorial code includes fix for this, but it only works for old themes 😞
What you should do is open your theme.js (liquid?) Asset look for this code at the bottom of the productPage function:
this.selectors.$shopifyPaymentButton.hide(); } },
and change it like this:
this.selectors.$shopifyPaymentButton.hide(); } Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); jQuery('.selected-currency').text(Currency.currentCurrency); },
This is an accepted solution.
Hey Joz,
this happens because the original theme code overwrites all prices on product page on load and when variant changes. And it simply outputs the numbers in your shop native currency.
The tutorial code includes fix for this, but it only works for old themes 😞
What you should do is open your theme.js (liquid?) Asset look for this code at the bottom of the productPage function:
this.selectors.$shopifyPaymentButton.hide(); } },
and change it like this:
this.selectors.$shopifyPaymentButton.hide(); } Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); jQuery('.selected-currency').text(Currency.currentCurrency); },
Tim I've just discovered that on MOBILE only when you select the variant on a product page it opens the currency converter... what would be causing this?
Does not happen on my devices, can't tell without seeing.
Hi Tim,
Screen grab from my phone is here https://drive.google.com/open?id=1_O01pWq6JHih4xQC4aFLSN4-uYMvzMxi the same thing occurs on all products but only on mobile, desktop there's no issue.
Just a note I'm going to revert the code to the previous version so the store is usable for the time being...
Make a theme copy, add the code there and send me a preview link. I will try on an iPad tomorrow, do not have an i-device now. It is strange -- I've installed the code from/based on this tutorial on many sites and no one complained yet.
Good night!
Super helpful, solved my problem as well!!
Hi
I’m using Brooklyn theme. There is a currency switcher already built in, but it’s at the bottom, footer. Do I still need to install a currency switcher if it’s already built in? and most importantly how do I change it from footer to header?
Thanks
sun
I see you solved your problem. But I suggest you a currency switcher for Shopify store. It's Currency Converter Box.
It's free at all. You can use automatic location conversion for free while other apps make you pay for it.
Sound great? This is the link to install Currency Converter Box
Your problem is fixed. Congrats!
I juts want to recommend a free currency app Currency Converter Box. You use the automatic location conversion without paying even one cent.
Hi there! For further reference, here is another solution worth checking out.
In your store, when the currency is changed, it adds a query parameter to the URL, like, exampleshop.com?cur=AUD, or exampleshop.com?cur=USD. There are tools can help you auto detect visitors among currency switches based on your visitors' locations, and redirect visitors to correct currency using URL parameter. For example, Geo Redirect. If a visitor is from Australia, and he goes to exampleshop.com, it will redirect and take him to exampleshop.com?cur=AUD, automatically showing Australia Dollar currency.
The tool is easy to set. No code is necessary. The service will generate Javascript code for you to add to your website. Shopify platform is well supported. Hope it helps!
Hi Jos
Which theme you are using
I like your theme...
Can you provide me details
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024