Hi, I have created a checkout extension to add a new custom field on checkout. Now I need to show or hid that field based on shipping country in checkout. How can I detect shipping country change event within new checkout extensibility functions?

Try this: export default extension('your.extension.target', (root, api) => { api.shippingAddress.subscribe(() => yourMethodToHandleChange() ); }); May I ask how you added the custom field and where exactly you added it? Do you know how to dynamically update address fields. I have tried th…

If this is a cart/checkout validation function, you should be able to read the countryCode. If you’re working with extensions, there’s auseShippingAddress()method that returns the shipping address, with country included.

Hi Liam, i’m a little confused, how i can detect when the user write something in the input field, it’s possible in the checkout extensibility api? i been reviewed all the hooks and i can’t found something useful for this case.

Did you ever get this figured out?

Hi, I am stuck with the same issue. I would like to know if there is an event that triggers when the address changes. Can you provide a simple example please? Thanks

export default extension( `purchase.checkout.shipping-option-list.render-before`, async (root, api) => { const {shippingAddress} = api; let currentShippingCountry=shippingAddress.current.countryCode; shippingAddress.subscribe(async (newShippingAddress) => { …

Hi, do you have an example for detecting when the “Billing” address changes ? I tried changing shippingAddress to billingAddress in your code but it’s not working for some reason thanks for your help

Detect shipping country change event on checkout

Retired Boards Appdev Extensions

LuckyLuc June 13, 2024, 2:05pm 9

Nevermind! It Works!!!

guess I needed to refresh something or the browser had to update.

Anyway, thanks Schmidtc63 !! You Rock!!

Topic		Replies	Views
Checkout UI extensions get ZIP address data Shopify Plus private-apps	4	72	June 7, 2023
Checkout UI - change shipping address Extensions Setting-Up	4	205	December 29, 2023
Checkout UI Extension - useShippingAddress API Shopify Plus checkout-page , shopify-apps	0	65	September 20, 2023
applyShippingAddressChange is not a function Shopify Apps shopify-apps	4	111	February 7, 2024
Update Shipping address post checkout from ui-extension Extensions troubleshooting	0	50	April 8, 2024

Detect shipping country change event on checkout

Related topics