How to show/hide the currency on the price?

Author: Susan Tran 2677 views
Price Currency - a product price shown with and without the currency code

A price on your page can show a currency code next to the amount, like USD or EUR. Some stores like that extra clarity, while others prefer a clean price without it. EComposer reads the price format from your Shopify settings, so you turn the currency on or off in Shopify rather than in the page builder. Below are two ways to do it, so you can pick the one that suits your store.

1. Change the currency formatting in Shopify settings

This setting controls how prices are written across your whole store, not just on a single page.

Step 1: In your Shopify admin, click Settings in the bottom-left corner and open General.

Settings sidebar with General highlighted

Step 2: Under Store defaults, find the Currency display row and click the three-dot icon on its right. Then choose Change currency formatting from the small menu that appears.

Three-dot menu with the Change currency formatting option

Step 3: In the pop-up, you’ll see four boxes: HTML with currency and HTML without currency, plus the same two for emails. To hide the currency, delete the code (for example, USD) from the boxes that have it so each pair of boxes looks the same, then click Save.

Change currency formatting pop-up with the currency code removed

Refresh your page and the prices will now show without the currency code.

Want to show the currency instead? Do the opposite: add the code back after the amount in each box, like ${{amount}} USD, and click Save.

2. Turn off the currency code in your theme settings

Many themes also come with their own option for showing the currency code. If you’d rather not change the format for your whole store, you can switch it off right in the theme editor.

Step 1: In your Shopify admin, open Online Store and click Edit theme on your live theme.

Online Store page with the Edit theme button highlighted

Step 2: Click the Theme settings icon in the left toolbar and open the group that holds the price options. In the Horizon theme, for example, it’s Prices, where the Currency code toggles let you choose where the code appears (product pages, product cards, cart items, and cart total). In other themes the option is usually called Show currency codes. Switch it off, then click Save.

Theme settings with the Prices currency code toggles switched off

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.