Hi everyone,
I’m running into an issue while trying to customize my checkout with a UI extension.
What I’m trying to do: I want to add an extension that renders on the purchase.checkout.pickup-location-list.render-before target.
The problem: When I open the checkout editor to customize my checkout, I only see home delivery options. There’s no pickup location section visible at all (see screenshot 1 - the editor view).
What’s confusing: My store is configured to offer only pickup in store - I don’t even have home delivery enabled. Yet the checkout editor shows me home delivery fields instead of the pickup options.
On the actual storefront checkout, everything works correctly - customers see the pickup location selector with the calendar and time slots as expected (see screenshot 2 - the customer-facing checkout).
My question: How can I access the pickup location section in the checkout editor so I can place my extension on the purchase.checkout.pickup-location-list.render-before target? Is there a way to switch the editor preview to show the pickup flow instead of the delivery flow?
Has anyone else encountered this disconnect between what the editor shows and what’s actually configured for the store?
Thanks in advance for any help!
EDIT: By adding a home delivery method, I can now choose between “Ship” and “Pick up,” which allows me to add my extension.
So there is indeed a bug in Shopify: when the store only offers in-store pickup, the checkout editor only displays home delivery options…
