Pre-purchase offers on checkout UI extension render wrong currency

Shopify Apps
,

Topic summary

A developer has encountered a currency conversion issue with a Shopify pre-purchase checkout UI extension built following official documentation.

The Problem:

  • Store default currency: GBP
  • When customers select a delivery country with a different currency (e.g., AED), the checkout correctly updates cart item prices
  • However, the UI extension displays the wrong price: it shows the correct currency symbol/code but retains the original numeric value
  • Example: A £15 GBP product incorrectly displays as 15 AED instead of the correct ~70 AED
  • When added to cart, the product price corrects itself to 70 AED

Current Status:

  • The issue remains unresolved
  • Another user has encountered the same problem and is seeking solutions
  • No workarounds or fixes have been shared yet
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I’ve built a pre-purchase checkout UI extension which is offering upsells to customers, following the example from the Shopify docs here https://shopify.dev/docs/apps/checkout/product-offers/pre-purchase/build?framework=react

The store is by default in GBP and it uses a one-page checkout.

When a delivery country is specified and is such that uses different currency to GBP the checkout refreshes and the items in cart get the correct price in the respective country’s currency. For example, 15 GBP ~ 70 AED.

The problem is that the Checkout UI extension rerenders with the correct currency code/symbol but the numeric value of the price doesn’t change so if an upsell product costs 15 GBP it’ll be rendered as 15 AED. When that same upsell product gets added to the cart it is added with its correct price of 70 AED.

Any idea how I can solve this?

Thank you,

Martin @ Devi8 Studio Ltd.

2

Hello,

Have you found an answer?