How can I fix the mixed money sign in liquid code?

Store Design

Topic summary

A user is experiencing a display issue where the currency symbols for the regular price and compare-at price are appearing inconsistently or in the wrong positions on their Shopify store.

Technical Details:

  • The problem is visible in a provided screenshot showing misaligned money signs
  • The issue appears to be in the Liquid template code that handles product pricing display
  • The code snippet shared shows logic comparing product.variants.first.compare_at_price with product.variants.first.price and applying money filters

Current Status:

  • Another user has requested the store URL to investigate further
  • No solution has been provided yet
  • The discussion remains open and awaiting additional information or troubleshooting assistance
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hi, the money sign at the price vs the compare price are mixed (look photo)

Screenshot (17).png
Screenshot (17).png1062×439 48 KB

someone know what line should I change at the liquid code?

the liquid code:


            {{ product.variants.first.price | money }}
            {%- if product.variants.first.compare_at_price > product.variants.first.price -%}
            <del>{{ product.variants.first.compare_at_price | money }}</del>
            {%- endif -%}

thank you

2

@malul

Please share the store URL!

Thanks!