Shopify price formatting is wrong? Use money filters instead of manual division

[vistabylara-dev]

لا تقسّم السعر يدوياً وتلصق رمز العملة؛ استخدم فلتر الأموال المناسب.

Free Shopify code series · 36/50 · Reviewed 24 October 2026

The problem

A custom price display can lose decimals or use an incorrect currency label when it treats the stored value as an ordinary number. Use a money filter on the same selected variant you intend to display.

Placement and precautions

Duplicate the theme and work in its unpublished preview. Save the original files and change one component at a time.

Use inside the existing product price component for an initial-render diagnostic. Replace manual arithmetic only after checking the theme's full pricing behavior. Do not add a second live price.

Bounded Liquid example — not a replacement for an entire theme file:

{% assign display_variant = product.selected_or_first_available_variant %}
{% if display_variant != blank %}
  <span class="vbl-formatted-price">{{ display_variant.price | money_with_currency }}</span>
{% endif %}

Check in preview

Check decimal and zero-decimal currencies relevant to your Markets, variant URLs, language switches and actual variant prices. Change a variant without reload and confirm the existing theme updates this output.

Limits to understand

This does not perform currency conversion by itself or implement live variant updates, subscriptions, unit prices or quantity discounts. Keep those existing behaviors.

Validation: This code passed Shopify's validation tool. This is static validation, not proof of rendering, accessibility, theme compatibility, indexing or improved sales. No live merchant store was changed or purchase performed.

Rollback

Restore the saved markup and styles if anything regresses. Remove any new calls before deleting their referenced files. Remove only unused locale keys introduced for this example. Keep the previous working theme available until the full affected journey has been checked.

Need this fixed in your store?

Send Dr Lara your store URL, theme name, affected page and what changed before the issue started. Start with free guidance and a free initial consultation. If you want implementation, we agree the scope and fee separately before work starts.

Explore Shopify repairs and development with Vista by Lara

WhatsApp Dr Lara about guide 36 or call +971 50 799 4292.

Free guidance. No commitment. Practical implementation is separately scoped.

Join the discussion

What result do you see, and what should happen instead? Share a short sanitized example. Remove passwords, tokens, customer details and private admin URLs.

• Free Shopify help hub
• Follow Dr Lara on GitHub
• Join our LinkedIn group
• Visit Vista by Lara

Official references

• Technical documentation 1

Dr Lara · Vista by Lara · Dubai, UAE