Double price on page

Topic summary

A user reports that product prices are displaying twice on their Shopify store (e.g., “US$19.89 US$19.89”), as shown in an attached screenshot.

Likely Causes:

  • Duplicate price code in theme Liquid files
  • Currency conversion app injecting additional price display
  • Custom product card logic error

Recommended Fix Steps:

  1. Navigate to theme code editor and locate product card files (typically card-product.liquid or main-collection-product-grid.liquid)
  2. Search for duplicate {{ product.price | money }} code blocks and remove one instance
  3. Check for currency converter app code that may be duplicating prices
  4. If app-related, either disable auto-conversion or hide duplicate with CSS: .card__information .money:nth-child(2) { display: none; }
  5. Save changes, clear cache, and test in incognito mode

Status: Issue remains unresolved. Multiple users have requested the store URL to provide direct assistance, but no URL has been shared yet.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

My Shopify page showing double price on the products. How can I fit that?

2 Likes

Hi @Leomao88

can you share me your store url & password (if applicable) to let me check and fix it for you

You need to share product page url to fix the issue.

Hello @Leomao88

The double price issue you’re seeing on your Shopify product grid (e.g., US$19.89 US$19.89) is likely caused by:

  1. Theme Liquid Code duplicating the price.

  2. Currency conversion app or code injecting a second price.

  3. Custom product card logic showing the price twice.

How to Fix the Double Price Display
Follow these steps:

Step 1: Identify the Template File
Go to your Shopify Admin:

. Online Store > Themes > … (three dots) > Edit Code

. Find your product card file. In most themes like Dawn, it’s:

sections/main-collection-product-grid.liquid
or
snippets/card-product.liquid

Step 2: Look for the Price Code
In the snippet (card-product.liquid or similar), search for something like:

{{ product.price | money }}

or

{{ product | price }}

If you see this block or function repeated twice, that’s likely why the price appears double. Remove one of them.

Step 3: Check for Currency App Code
If you’re using a currency converter app, it might be injecting a second price. Look for this kind of code:

...

Or JavaScript like:

Currency.convertAll();

Apps like Auto Currency Switcher or BEST Currency Converter often duplicate the price for conversion. In that case:

Either disable the auto-conversion,

Or hide one of the prices with CSS like this:

.card__information .money:nth-child(2) {
  display: none;
}

Step 4: Clear Cache & Preview
Once you’ve made the changes:

. Save the file

. Preview the theme

. Clear browser cache or open in Incognito to confirm it’s fixed.

If it does not work then share the link of your store and I will check it and i will try to fix it

Thank you :blush: