Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Summary: Is it possible when adding products to the cart to get the AJAX cart response to also include international pricing, or to automatically include the international price for the country that has been selected?
A client on Advanced Shopify set up international pricing for products in the "Markets" section on Shopify.
So, for example, sweatpants might have a default price of $260 CAD, but my client has set the international pricing for those sweatpants in the Markets section to be €250,00 euros (the euro pricing includes taxes and VAT).
When a customer selects their market through the country selector, or the geolocator app, the prices on the site look correct. If they have selected Germany, for example, I see €250,00 (instead of the default price of $260 CAD).
However, when customers click "Add to Cart" and our AJAX cart function runs the cart object that is returned is not the international price (€250,00). Instead it shows the default price (260). Which is extra confusing since the euro currency symbol still displays. So the price says €260,00. (Screenshot attached)
However, when reloading the page the cart price is again correct, so it appears to be an issue with the response sent back to Shopify from the AJAX api.
As a note, I'm using Cart.js, but I've also tried Shopify's ajax api and get the same results.
Store URL: https://stateofunderdress.com/
Any help is appreciated!
Hello @sarahholden,
Having the same issue with a store. Have you manage to find a solution for this?
Thanks!
Hi @drnhzn,
Unfortunately no, though I haven't faced this need again recently so there might be something new out there.
My workaround was to send customers to the cart page when they add to cart instead of using the AJAX cart drawer, but it's not my ideal solution.
Best,
Sarah