Shopify Currency Formatting Fix: Changing GBP to £ (and Other Symbols!)

Hey there, fellow store owners! Let's talk about something that might seem small but can make a big difference in how professional your Shopify store looks: currency formatting. Specifically, that little annoyance where your prices show up as "45.00 GBP" instead of the much cleaner and more familiar "£45.00".

This is a super common question, and I recently saw a great discussion in the Shopify community forums that perfectly illustrates the problem and its solution. Our friend lucianofashion1 kicked off a thread asking for help with their Blockshop theme, trying to get that lovely pound symbol to show up correctly on their product and collection pages. They even shared a screenshot of their collection grid:

If this looks familiar, don't worry, you're not alone! Let's dive into why this happens and, more importantly, how to fix it.

Understanding the Currency Conundrum: Why GBP and Not £?

The community discussion quickly highlighted a key distinction: your Shopify store often handles currency display in a couple of different ways. As dinesh_kumar pointed out, you might notice your cart drawer or checkout pages already show the correct "£" symbol. This is because those sections are often rendered by JavaScript, which correctly picks up your store's global currency settings.

The problem arises with what we call "Liquid-rendered sections" – these are parts of your theme (like product pages, collection grids, or featured product sections) that use Shopify's templating language, Liquid, to display prices. Many themes, by default, use a Liquid filter called {{ price | money_with_currency }}. This filter is designed to be very explicit, showing the ISO currency code (like GBP, USD, EUR) alongside the amount, which is super useful if you're running a multi-currency store. However, if you're only targeting one market, you probably want the cleaner symbol.

tim_tairli also chimed in, suggesting that sometimes this display is intentional, especially if your theme is designed with multiple markets in mind. But if GBP is your *only* and default market, we can definitely get that pound sign in there!

The Fix: A Two-Pronged Approach

Based on the community's insights, there are two main steps to tackle this. You'll want to do both to ensure consistency.

Step 1: Double-Check Your General Settings (The Foundation)

This is often the first place to look, and while it might not be the complete solution for Liquid-rendered sections, it's crucial for your overall store settings. Here's how:

1. From your Shopify admin, go to Settings.
2. Click on General.
3. Scroll down to the Store currency section.
4. Click Change formatting.
5. You'll see four fields. For "HTML with currency" and "HTML without currency", you'll want to ensure the format uses the symbol. For GBP, this typically means something like:
• HTML with currency: £{{ amount }} or {{ amount_with_comma_separator }} £
• HTML without currency: £{{ amount }}
6. Make sure to click Save.

Here's a visual example shared by tim_tairli in the thread:

While this step is essential, as lucianofashion1 found, it often isn't enough on its own for those stubborn collection and product pages.

Step 2: Diving into the Theme Code (The Real Fix for Liquid)

This is where we directly address those Liquid-rendered sections. Remember, we're looking for instances where money_with_currency is being used instead of just money.

Identifying the Right Files

The community provided some excellent pointers for common places to look. dinesh_kumar suggested checking these snippet files:

• product-card--price.liquid for your collection pages.
• product-price.liquid for your product pages.

These are great starting points, as many themes use snippets like these to handle price displays across different sections.

Making the Edit

Before you start, a crucial word of advice: Always, always, ALWAYS duplicate your theme before making any code changes! This way, you have a safe backup if anything goes wrong.

1. From your Shopify admin, go to Online Store > Themes.
2. Find your current theme, click Actions, and then select Duplicate.
3. Once duplicated, click Actions again on your *active* theme and select Edit code.
4. In the code editor, use the search bar (or navigate through the folders) to find the suggested files: snippets/product-card--price.liquid and snippets/product-price.liquid.
5. Open each file. Within these files, you'll be looking for code snippets that look like this:

   {{ price | money_with_currency }}

6. You'll want to change this to:

   {{ price | money }}

7. Repeat this for any other instances you find within those files.
8. Click Save after each file modification.

After saving, refresh your product and collection pages. You should now see the beautiful "£" symbol instead of "GBP"!

A quick note on paid themes: As tim_tairli mentioned, if you're using a paid theme (like lucianofashion1 with their Blockshop theme), the exact file names or locations might vary slightly. Theme developers sometimes use custom structures. If the suggested files don't work, you might need to do a broader search within your theme for money_with_currency or consult your theme's documentation. Sometimes, reaching out to your theme developer's support is the quickest way to get precise file locations.

This issue is a perfect example of how the Shopify community comes together to solve common problems. It starts with a simple question and evolves into a clear, actionable solution thanks to everyone's input. So, go ahead, give these steps a try, and get your currency looking exactly how you want it!