Add Span Money

Editing the HTML for currency formatting

1.Click into Settings and stay on the General tab.

2. Scroll down to Standards & formats area, where you'll see your Currency setting.

Currency setting

3. Click change formatting to open the Currency Formatting dialog.

4.Find the HTML with currency and the HTML without currency elements in the dialog.

Currency formatting dialog

5. You need to wrap each of these in a span element whose class name is set to money

The basic syntax of the new currency formatting in the dialog is:

<span class=money>${{amount}} TLA</span>

Paste this into both HTML fields, and replace TLA with the 3-letter currency code of your store's trading currency, for example:

AUD

Australian dollars

CAD

Canadian dollars

EUR

Euros

GBP

United Kingdom pounds

USD

US dollars

As an example, paste this code if your shop currency is United States Dollars (USD):

<span class=money>${{amount}} USD</span>

You might notice that the original HTML without currency field does not include a currency descriptor. For this tutorial, it's important that you do add the descriptor, to avoid any confusion between currencies later.

Currency formatting dialog2

Use no quotes around the word money. That's valid HTML, and it will save you some troubleshooting later if your theme uses options.

6. Click Save.