Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
ErikaHansen

How to always show the currency next to the price?

Question

Posted (edited)

Hi all, I want to always show the currency (in this case NZD) next to the price when a variant is selected (so I don't have to write '*All prices in NZD' on every product page). At present it has 'from NZD $....' but when a variant is selected the 'NZD' is not displayed. Using the Hyde template. See images for example. Any ideas?

Alternatively, if anyone knows of a free (or close to) live currency converter plugin/code that could be more effective please let me know :)

alt text

alt text

screen-shot-2019-07-02-at-15433-pm.png.6d93e5eb9d092a2b6d23ffdcbef20f20.png

screen-shot-2019-07-02-at-15446-pm.png.a4d61d0ef3a5bd34fa5ab1b92800fccc.png

Edited by ErikaHansen

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

This is due to the (weird) way that Squarespace handle variants. If you remove your existing CSS and replace it with this, it should fix the issue:


body.native-currency-code-nzd .product-price:before {
 content: 'NZD ';
}

Let me know how you get on.

-Paul

Squarespace Expert & Professional Developer

Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.

Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Sorry, I should have been clearer. As someone has already added Custom CSS to your site, I assumed you knew where to put it. Go to Design > Custom CSS and add the code. You'll need to remove the old code that someone has added (see below):


body.native-currency-code-nzd .sqs-money-native:before{content:'NZD $'}



If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Haha thanks Paul. I'm the only one that's worked on the site so it was me, I just completely forgot ever doing that. Your code worked - yay! I have changed it so the NZD is after the price otherwise when it has prices 'from' it reads 'NZD from $.....' which doesn't really make sense. I changed it to 'from $.... NZD' with a little tweak to your code. Thanks so much :)


body.native-currency-code-nzd .product-price:after {
  content: ' NZD ';
}


Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...