Checkout / Change

The checkout local pickup experience has been redesigned
From a "long vertical list" to "inline + nearest location + modal"

Solves the problem where shipping and local pickup options stacked vertically into a long scroll. Now the nearest pickup location is shown first, with the rest listed in a modal. No work is required on the merchant's side.

On this page
  1. What's changing (understand in 30 seconds)
  2. The new checkout display flow (illustrated)
  3. Conditions for local pickup to appear
  4. Old vs. new UI comparison
  5. Actions merchants should take
  6. 5 key points for developers
  7. 3 use cases you can apply to your business
  8. A one-line summary for proposals

1What's changing

Until now, checkout displayed shipping and local pickup options stacked vertically did.
The more pickup locations a complex checkout had, the longer the list grew, making it hard for customers to take it in at a glance.
In the new UI, it now shows just one available local pickup location first, with additional locations chosen in a modal form.

Before: Long vertical scroll

Lists shipping and all pickup locations vertically. With many locations, it required endless scrolling and was hard to grasp at a glance.

+ Other locations

New UI: Nearest location + modal

Shipping and local pickup are shown inline. Selecting local pickup surfaces one nearest location, and the rest are chosen from a list in a modal.

No action is required to apply this update.The change is reflected automatically.

2The new checkout display flow (illustrated)

Determine items in cart Can it ship? Can it be picked up in store? Check eligibility Show shipping methods inline Shipping Local pickup Only when eligible items are present "Local pickup" appears Select local pickup Nearest location Stores with stock + View other locations Additional locations listed in a modal Location list modal
The delivery method options (shipping / local pickup) are whether the items in the cart can be shipped or picked up in store determined by.
When you choose local pickup, the nearest location with stock is shown first, andthe full list in a modal can be viewed.

3Conditions for local pickup to appear

The product is eligible for local pickup

"Local pickup" appears as an option only when the items in the cart support pickup.

An available location exists in the buyer's country

When eligible, local pickup is shown, including cases where an available pickup location exists in the buyer's country.

When local pickup is selected, what appears first is "the nearest location with stock". The design avoids presenting out-of-stock locations right away. The specific distance-calculation logic and internal inventory-check specs are not documented.

4Old UI vs. new UI

ItemPreviousNew local pickup experience
Layout of shipping and local pickup Stacked vertically Listed in a vertical column Inline Side by side, easier to choose
Display of pickup locations All Lists every location Nearest location only + the rest in a modal
Readability with many locations Hard to scan with long scrolling Short initial view, easy to grasp at a glance
Location shown first Not specified Nearest location with stock
Merchant action — Not required(applied automatically)

5Actions merchants should take

1

No setting changes required

No work is needed to display the update. The update is applied automatically.

2

Review your checkout extension settings

It's recommended to check your extension settings to make sure customizations still display correctly after this change.

3

Verify the pickup flow on a real device

For multi-location stores, it's reassuring to visually verify the inline display + modal list behavior in an actual checkout.

Note from the original:"We recommend checking your checkout extension settings to confirm that customizations still display correctly after this change."is what it states. Stores that use extensions around shipping methods should take note.

65 points engineers should keep in mind

1. Applied automatically, no deployment work

"No action is required." The checkout UI switches over without any merchant-side code or theme changes. Worth monitoring as a release notification.

2. Watch for layout breakage in Checkout extensions

Because shipping methods become inline + modal, the layout assumptions of Checkout UI Extensions placed around the shipping step may change. Verifying the display is officially recommended.

Shipping Pickup

3. Shipping methods branch by product eligibility

The available shipping methods are determined by whether the items in the cart can be shipped or picked up in store. Understand how this appears in carts that mix pickup-only and shipping-only products.

4. In-store pickup appears under "country + location" conditions

In-store pickup appears when the product is eligible for pickup and there is an available location in the buyer's country. It's worth testing the behavior in multi-location setups that have locations per country.

5. Show the "nearest location with stock" first → the rest in a modal

When in-store pickup is selected, the first one shown is the nearest location with stock. Even with many locations, the initial render stays short. Since the full list is offloaded to a modal, the UX improvement is greater the more locations a store has. The detailed algorithm for distance/stock determination, supported plans, and regions are Not specified.

73 use cases you can apply to your business

Multi-location BOPIS
USE CASE 1

Optimizing in-store pickup (BOPIS) checkout for multi-store chains

Challenge
At a store with many pickup locations nationwide, all locations were listed vertically at checkout, and the long scroll confused customers and caused drop-offs.
Action
This automatic update switches the display to a single nearest location plus a modal list. No merchant action is required. The more locations a store has, the shorter the initial display becomes.
Impact
Checkout becomes easier to scan, which should reduce drop-off at the pickup step and speed up pickup selection.
Technical note
The initial display shows the nearest location with available inventory. Well-maintained inventory data and location settings directly determine how accurate the nearest-location suggestions are.
Shipping available Pickup available Mixed
USE CASE 2

Designing the flow for stores that mix shipped and in-store pickup items

Challenge
You sell products with split eligibility—large furniture is pickup-only, small items are shipping-only—and can't fully predict which delivery methods will appear.
Action
Given that delivery methods are determined by the shipping/pickup eligibility of the items in the cart, test how checkout behaves across representative cart combinations.
Impact
You can head off customer confusion like "pickup should be available but isn't" or "only shipping shows up."
Technical note
In-store pickup appears when the product is pickup-eligible and there is an available location in the buyer's country. For cross-border sales, results change depending on whether you've configured locations per country.
Checkout extensions
USE CASE 3

Regression checks for projects running Checkout extensions

Challenge
You use Checkout UI Extensions to show custom banners or notes near the delivery method step, and you're concerned the UI layout change might break them.
Action
Following the official recommendations, review your extension settings and run a regression check to confirm your customizations appear as intended in checkout after the move to inline display plus a modal.
Impact
You can prevent issues like extensions becoming invisible or overlapping after the UI update, and maintain the quality of delivered projects.
Technical note
Check both the delivery method selection step and the in-store pickup modal. Inspecting visually and keeping screenshots in a preview-environment checkout makes auditing easier.

8A one-line summary you can use in pitches

"Checkout's in-store pickup is automatically refreshed from a long vertical list to 'one nearest location plus a modal list'.
Shipping/pickup show inline, while in-store pickup is shown selectively based on product eligibility and whether domestic locations exist.
No merchant action is required, butstores using Checkout extensions should go ahead and verify the display."