WDS Shop & Deliver — Development Map
Use this as the fixed page build order while developing and testing.
Block 1 — Delivery Address
Stable address + zone detection. Writes final delivery address and final zone into hidden fields.
Stable address + zone detection. Writes final delivery address and final zone into hidden fields.
Block 2 — Store Selection + Shopping Input
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Block 3 — Kroger Shopping Node Loader
Loads Kroger catalog search into the selected store area and writes selected API items into hidden fields.
Loads Kroger catalog search into the selected store area and writes selected API items into hidden fields.
Block 3.5 — List Confirmation
Review selected store, item list, and notes before moving into quote generation.
Review selected store, item list, and notes before moving into quote generation.
Block 4 — Shared Wiring / Quote Handoff
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Block 5 — Quote Stage
Displays the customer-facing quote using the packaged data from Block 4.
Displays the customer-facing quote using the packaged data from Block 4.
Block 6 — Scheduler Stage
Passes the confirmed quote into Acuity scheduling and stores scheduling handoff data.
Passes the confirmed quote into Acuity scheduling and stores scheduling handoff data.
Block 7 — Shopper / Backend Access
Uses the confirmed store + list payload for shopper view, backend order creation, and downstream fulfillment.
Uses the confirmed store + list payload for shopper view, backend order creation, and downstream fulfillment.
Rule: do not renumber blocks during development unless the architecture changes.
Block 1 — Delivery Address
Stable address + zone detection block. Writes final delivery address and final zone into hidden fields.
Here's the delivery address block to pull zones and final location for delivery distance from store choices to final delivery location. We do not want change its function, but we want to have it hand off the zone and location information to populate are stores inside zone Stable address + zone detection block. Writes final delivery address and final zone into hidden fields.
Delivery address
Zone: (auto)
Block 2 — Store Selection + Shopping Input
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Active store dropdown, specialty/custom store handling, manual list mode, and API shopping mode trigger.
Store selection
Waiting for delivery address and zone.
Select a store to continue.
Test Block — Store ID / Location ID Debug
Temporary debug block to verify what Block 2 is producing for the selected store.
Temporary debug block to verify what Block 2 is producing for the selected store.
Store debug
Select a store above to inspect the current store handoff values.
Block 3 — Kroger Shopping Node Loader
Loads the Kroger catalog into the selected store area and writes the built list into hidden fields.
Loads the Kroger catalog into the selected store area and writes the built list into hidden fields.
Block 3.5 — List Confirmation
In development. This block will review the selected store and item list before quote and scheduling.
In development. This block will review the selected store and item list before quote and scheduling.
Confirm your shopping list
Build your list above to review it here before continuing.
Block 4 — Shared Wiring / Quote Handoff
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Reads delivery, store, and shopping-list data and packages it for quote, saved quote, scheduler, and backend payloads.
Quote
Confirm your shopping list above to generate the quote.
Hello, World!
Block 5 — Quote Stage
Shows the confirmed quote summary and prepares the transition into scheduling.
Shows the confirmed quote summary and prepares the transition into scheduling.
Quote
Confirm your shopping list above to generate the quote.