Symbol after Price on Checkout page

Ask the community
1

I’n my checkout page, under the total payment due: calculation section. I wish to use the currency symbol after the price.
For example, as for selling in Germany, you would use 29,95 € and not €29,95.

I want to know how to fix this using custom code because it could really drive sales down/
Imagine buying from a store you opened for the 1st time and it says 100 $.

That’s weird.

2

Hey :waving_hand:

Yeah, makes total sense — for markets like Germany, placing the symbol after the price feels much more natural.

You can fix this with a small JS snippet that reformats the price dynamically on the checkout.

:white_check_mark: Solution (JS)

Add this in your Custom Code → Body:

<script>
document.addEventListener("DOMContentLoaded", function () {
  const priceEl = document.querySelector('.os-total .os-price');

  if (priceEl) {
    let text = priceEl.innerText.trim(); // "$ 149.94"

    // Extract symbol and number
    let symbol = text.replace(/[0-9.,\s]/g, ''); // "$"
    let amount = text.replace(/[^0-9.,]/g, '');  // "149.94"

    // Optional: convert dot to comma for EU format
    amount = amount.replace('.', ',');

    // Set new format → "149,94 €"
    priceEl.innerText = amount + ' ' + symbol;
  }
});
</script>

:light_bulb: What it does

  • Takes $ 149.94

  • Converts it to → 149,94 $ (or € depending on your currency)

  • Moves the symbol after the price

  • Optionally converts . → , for EU formatting

If you also want to apply this to all price fields (not just total), let me know and I’ll adjust it :+1: