Jump to content

How to always show the currency next to the price?

Recommended Posts

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

Link to comment
  • Replies 4
  • Views 1.6k
  • Created
  • Last Reply

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.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment

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 $'}


About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment

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 ';
}


Link to comment

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.