Remove ” EUR” in total

Hi @joehann,

I did try this on my test site, and when I set the prices to EUR, I don’t see the same issue where you see “EUR” behind the actual currency symbol”€”.

I am also using WooCommerce Payments currently.

Could you please temporarily switch the theme to Storefront and see if the issue resolves?

Here are the links to the theme:

https://woocommerce.com/storefront/

https://www.ads-software.com/themes/storefront/

• This reply was modified 3 years, 2 months ago by Summer M.a11n.

Hi,

I switched to Storefront, but the issue again remained as long as WooCommerce Payments was active. I don’t think it has to do anything with my theme, as my theme had no WooCommerce pages. I’ve built them myself, so I don’t think this could be the source of the problem.

Hey @joehann,

I appreciate the testing. I was able to duplicate this on my test site. It would be possible to hide the currency text code but I can’t selectively hide only the EUR text with CSS. It would remove every currency’s text and leave only the symbol.

If you’d like to do that, you can use this:

• In your WordPress dashboard, go to Appearance and click on Customize.
• Look down for the Additional CSS section and click on it.?
• In the box there, paste this:

  
  .order-total strong .amount {
      visibility: visible;
  }
  .order-total strong {
      visibility: collapse;
  }
  

• Publish your changes.

Let me know if you have any questions.

I had the same problem. After trying out some things I found elsewhere (like creating a custom currency), I just removed the EUR with php’s own str_replace function. In my case (woocommerce invoice) I used it as follows:

<?php echo str_replace("EUR", "", $total['value']); ?>

It’s not very fancy, but it works.

Thanks for sharing your workaround for this with us @perseus16 ??

I also recommend that you add this to our ideas board: https://ideas.woocommerce.com/
This will allow our development team to see your request and consider making a change to remove the currency at the end of the price in a future update ??

@3sonsdevelopment

It works but now my checkout looks like this: https://imgur.com/a/LWRyowI

Not acceptable of course ??

Can you please help?

@markhaven if you tell us your website URL we can try providing you with some CSS to fix that.

@augustuswp That would be awesome.

You can access the checkout page by following this link: https://soundmasters.org/checkout/?add-to-cart=36982,38012

You can use this custom CSS code:

.order-total strong .amount {
  visibility: visible;
  right: -32px;
  position: relative;
}

You can use add custom CSS in Appearance > Customize > Additional CSS, as explained here: https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

@augustuswp It seems to work, thanks!!

@augustuswp

This doesn’t seem to be an actual solution.

For some reason the total price sometimes display correctly, sometimes it doesn’t.

It depends maybe on the amount of items in the cart?

It indeed seems to be related to the amount of items in the cart.

If it’s 3 for example, without the code the amount is displayed correctly.

Any actual fix?

Hi there,

It indeed seems to be related to the amount of items in the cart.
If it’s 3 for example, without the code the amount is displayed correctly.
Any actual fix?

Could you tell us what we need to do exactly to trigger this? If we can reproduce we can also try and make better suggestions.

Kind regards,

@conschneider

Add 1 product to cart and then add 2 or more?

Add two: https://soundmasters.org/checkout/?add-to-cart=36562,28744
Add one: https://soundmasters.org/checkout/?add-to-cart=36562

Why is this happening all of a sudden? It must be some new WooCommerce code that isnt compatible with some CSS.

Thanks

Hello @markhaven ,

Thanks for sharing how exactly we can see the problem on the site.

The workaround suggested above might not be suitable for all cases as it is hiding part of the amount so that it hides the “EUR” part.

I have done some tests and confirmed that the “EUR” part shows next to the total amount when the multicurrency is enabled in WooCommerce Payments. If you disable it then you will no longer see the “EUR” in the checkout:

Link to image: https://d.pr/i/H6DBpY

I believe this is particularly useful for cases where we have different types of “$”. For example, it will help to differentiate Canadian, Australian, or USD. I am not exactly sure if Euro has different versions like this. If not, our developers might work on this to avoid showing “EUR” in addition to the “€” sign.

I have reported a bug so that our developers can take a look here: https://github.com/Automattic/woocommerce-payments/issues/4046

Feel free to subscribe to that report to get further updates on this.

Thank you ??