Tired of 'GBP'? How to Display '£' on Your Shopify Product & Collection Pages

Hey everyone! As a Shopify expert who spends a lot of time digging through community discussions, I often see common frustrations pop up again and again. One that recently caught my eye, and frankly, is a super common hiccup for many store owners, revolves around currency formatting. Specifically, how to get your store to display '£45.00' instead of '45.00 GBP' on product and collection pages.

It sounds like a small detail, right? But these little things contribute hugely to a professional, trustworthy customer experience. Nobody wants their pricing to look inconsistent!

The GBP vs. £ Conundrum: What's Going On?

The issue came up in a thread started by lucianofashion1, who was using the Blockshop Theme and wanted to switch from '45.00 GBP' to '£45.00'. What made this particularly tricky for them, and often for others, is that their cart drawer and checkout pages were already showing the correct '£' symbol. So, why the discrepancy?

As dinesh_kumar wisely pointed out in the discussion, this often happens because your Shopify admin currency settings are indeed working for JavaScript-rendered sections (like the cart or checkout). However, the prices on your actual product and collection pages are usually rendered using Liquid code within your theme files. If these Liquid templates are explicitly using a filter like {{ price | money_with_currency }}, they'll override your general settings and display the currency code (GBP) instead of the symbol (£).

Another great point raised by tim_tairli is that some themes might intentionally use the 'GBP' format if you're selling in multiple markets. This helps differentiate currencies more clearly (e.g., 'CAD' vs. 'USD'). But if you're primarily a single-market store, or just want that crisp '£' symbol, you'll need to make some manual adjustments.

First Steps: Double-Check Your General Settings

Before diving into code, always confirm your basic currency settings. While this often doesn't fully solve the product/collection page issue, it's a crucial foundation.

1. From your Shopify admin, go to Settings.
2. Click on General.
3. Scroll down to the Store currency section.
4. Click on Change formatting (or Change currency formatting).
5. You'll see four fields. Make sure they are set up to use the '£' symbol. For example, you might want something like this:
   
   • HTML with currency: £{{ amount }}
   • HTML without currency: {{ amount }}
   • HTML with currency, no decimals: £{{ amount_no_decimals }}
   • HTML with currency, with comma separator: £{{ amount_with_comma_separator }}
6. Save your changes.

You might have seen an image like the one tim_tairli shared in the thread, illustrating these settings:

The Real Fix: Editing Your Theme Code

If, like lucianofashion1, you find that the general settings don't quite cut it for your collection grids or product pages, it's time to roll up your sleeves and dive into the theme code. Don't worry, we'll go through it step-by-step!

Before You Start: Backup Your Theme!

This is crucial. Whenever you're editing theme code, always duplicate your theme first. That way, if anything goes wrong, you can easily revert to a working version.

1. From your Shopify admin, go to Online Store > Themes.
2. Find your current theme, click Actions, and then select Duplicate.

Locating and Editing the Price Snippets

The goal here is to find where your theme is using {{ price | money_with_currency }} and change it to {{ price | money }}. The money filter will respect the currency formatting you set in your general settings.

1. From your Shopify admin, go to Online Store > Themes.
2. Find your current theme, click Actions, and then select Edit code.
3. In the code editor, look for the Snippets folder in the left sidebar.

4. Based on the community discussion, common files to check are:

   • product-card--price.liquid (often for collection pages, product grids)
   • product-price.liquid (often for individual product pages)
   • Other files might include price.liquid, collection-grid-item.liquid, or anything that renders a product's price.

5. Open these files one by one. Use the search bar (usually Ctrl + F or Cmd + F) within the code editor to search for:

   {{ price | money_with_currency }}

6. Once you find it, change it to:

   {{ price | money }}

7. Save your changes.
8. Repeat this process for any other relevant snippet files. You might need to check in the Sections or even Templates folders if you can't find it in snippets. Sometimes, the price rendering logic is directly within a section file like main-product.liquid or collection-list.liquid.

It's important to test thoroughly after each change, especially on different pages like your homepage, collection pages, and individual product pages, to ensure everything looks correct. Remember, since lucianofashion1 was using a paid theme (Blockshop), the exact file names might vary slightly, but the principle of finding and changing the money_with_currency filter remains the same.

This little code tweak should get your store consistently displaying '£45.00' across the board, giving your customers a much cleaner and more professional experience. It's a fantastic example of how a small community discussion can uncover a common problem and provide practical, code-level solutions that benefit many store owners. Happy formatting!