Can someone help me change coding to get rid of decimal places in my pricing?

I would like to get rid of the decimals after my whole dollar amount on my product pricing. There is currently no option for that.Http://whitebarkworkwear.com

thank you

Hi .While not necessary, a link to a page on your site that shows the elements you'd like changed may help others offer help.

LOL genius. @brandonW thank you.

Whitebarkworkwear.com

LOL genius. @brandonW thank you.

Whitebarkworkwear.com

Hi. The following Javascript, inserted via footer code injection should do the trick:

<script>
   (function() {
       var prices = document.getElementsByClassName('sqs-money-native');
   var thisPrice;
   var i, I;
   for (i=0, I=prices.length; i<I; i++) {
       thisPrice = prices[i];
       thisPrice.innerHTML = thisPrice.innerHTML.replace(/(\.[0-9]*?)0+$/, "$1").replace(/\.$/, ""); //http://stackoverflow.com/questions/1015402/1015434#1015434
   }
   })();
</script>

I didn't test this throughout your site...just checked a couple pages. Do let me know if this works for you.

-Brandon

@brandonw you're a champion.. thanks man

Nice! If it works for you, please accept the answer.

Does anyone know how to remove the ".00" from all prices throughout a 7.1 site (including cart)?  Thank you!

Hi Brandon -- Can you update the code for 7.1?  We would like to eliminate the decimal place and trailing zeros.  Thank you.

following up

On 1/20/2021 at 8:30 PM, Evelina said:

following up

Can you share link to a product? We can help easier

On 1/23/2021 at 11:59 AM, tuanphan said:

Can you share link to a product? We can help easier

It s for all the products in this shop https://www.moderncharcuterie.co/shop-charcuterie-boards

Thank you!

On 1/28/2021 at 7:15 AM, Evelina said:

It s for all the products in this shop https://www.moderncharcuterie.co/shop-charcuterie-boards

Thank you!

Add to Code InjectionFooter

<script>
   (function() {
       var prices = document.getElementsByClassName('sqs-money-native');
   var thisPrice;
   var i, I;
   for (i=0, I=prices.length; i<I; i++) {
       thisPrice = prices[i];
       thisPrice.innerHTML = thisPrice.innerHTML.replace(/(\.[0-9]*?)0+$/, "$1").replace(/\.$/, ""); //http://stackoverflow.com/questions/1015402/1015434#1015434
   }
   })();
</script>

works perfectly thank you!

This doesn't work in Quick view

This doesn't work in the Quickview

On 2/16/2021 at 12:49 AM, joelygoe said:

This doesn't work in Quick view

Yes. Quick view needs a different code.

8 hours ago, tuanphan said:

Yes. Quick view needs a different code.

 

Any idea what that code is?  Any way to make it more site-wide as surely it is as universal as say the currency symbol?!  So anywhere their is a price show XXXXX

@brandon this worked a treat on my product listing, however the .00s come back when a product variant like size etc is selected from the dropdown

any way of doing a workaround for this?

link to one of my product pages below. thanks!

https://www.svikis.com/shop/circle-statement-ring-sterling-silver

@brandon I've also realised that I have to reload my product pages for the .00s to disappear - any idea why that would happen?

16 hours ago, MarikaS said:

@brandon I've also realised that I have to reload my product pages for the .00s to disappear - any idea why that would happen?

Design > Site Styles > Disable Ajax Loading

@tuanphan thank you!!

On 9/1/2016 at 2:59 AM, brandon said:

Hi. The following Javascript, inserted via footer code injection should do the trick:

<script>
   (function() {
       var prices = document.getElementsByClassName('sqs-money-native');
   var thisPrice;
   var i, I;
   for (i=0, I=prices.length; i<I; i++) {
       thisPrice = prices[i];
       thisPrice.innerHTML = thisPrice.innerHTML.replace(/(\.[0-9]*?)0+$/, "$1").replace(/\.$/, ""); //http://stackoverflow.com/questions/1015402/1015434#1015434
   }
   })();
</script>

 

I

---

If this or any other answer helps you out, please give credit where credit is due: Accept the answer if you're the poster or Up-Vote the answer if you're not the poster. If it didn't help, feel free to inquire further or wait and see what others have to say. Code is provided without any warranty, expressed or implied.
 

The code works great until you have to select a variant. Would anybody be able to help in making decimals stay once you select a variant?

Website for the reference: https://rocksforlife.com/our-jewellery/no-1-solitaire-ring-white-gold

All insights are very much appreciated! Maybe @brandon?

On 2/2/2021 at 3:46 PM, tuanphan said:

Add to Code InjectionFooter

<script>
   (function() {
       var prices = document.getElementsByClassName('sqs-money-native');
   var thisPrice;
   var i, I;
   for (i=0, I=prices.length; i<I; i++) {
       thisPrice = prices[i];
       thisPrice.innerHTML = thisPrice.innerHTML.replace(/(\.[0-9]*?)0+$/, "$1").replace(/\.$/, ""); //http://stackoverflow.com/questions/1015402/1015434#1015434
   }
   })();
</script>

 

The code works great until you have to select a variant. Would anybody be able to help in making decimals stay once you select a variant?

Website for the reference: https://rocksforlife.com/our-jewellery/no-1-solitaire-ring-white-gold

All insights are very much appreciated!

See: https://www.sqspthemes.com/blog/how-to-reformat-product-price-in-squarespace

Update: Please note that answers provided earlier than 23 August 2022 no longer function. This is due to a Squarespace update on this date.