About this block

With Store Pickup builds the fulfillment choice into the product page, delivery and pickup as two selectable modes, pickup listing nearby stores with live stock counts and collection hours, and the chosen route echoed straight into the add to cart button. A sold out store reads out of stock and disables, so the choice stays honest.

A client block, the mode and the selected store are useState, the button label and the panel below the modes both react to them. Wire the stock counts and hours to your inventory feed and the pattern holds.

When to use

Reach for this block on any store with real locations, where carry it home today is a genuine advantage over shipping. Pickup converts the shopper who needs it now and cannot wait two days, and it saves them the delivery fee.

A natural flow around it on an Ecommerce Pro page:

Before

• Store navbar

After

• Store locator for the full map of collection points
• Order tracking for the ready to collect update after checkout

What you can display

One strong use is a homeware item stocked across city stores. Other pickup patterns:

• Curbside. The same store list, collection at the door instead of the counter.
• Locker pickup. Parcel lockers with a code and a longer hold window.
• Ship to store. A free transfer to a chosen store when local stock is out.

Tip: hold the pickup choice all the way to the button, add to cart, pick up at Jordaan removes the last doubt about where it goes.