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.
Block 3 — Kroger Shopping Node Loader
Loads the Kroger catalog, allows item selection, and writes item difficulty data for Shop & Deliver pricing.
Loads the Kroger catalog, allows item selection, and writes item difficulty data for Shop & Deliver pricing.
Block 3.5 — List Confirmation
Reviews selected store, delivery, item list, and pick factors before quote and scheduling.
Reviews selected store, delivery, item list, and pick factors 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, calculates upgraded Shop & Deliver pricing, and packages the quote for Acuity/backend handoff.
Reads delivery, store, and shopping-list data, calculates upgraded Shop & Deliver pricing, and packages the quote for Acuity/backend handoff.
Hello, World!
Block 5 — Quote Stage
Shows the upgraded Shop & Deliver quote using pick rating, zone, mileage, bulky/heavy handling, service fee, and Acuity handoff.
Shows the upgraded Shop & Deliver quote using pick rating, zone, mileage, bulky/heavy handling, service fee, and Acuity handoff.
Quote
Confirm your shopping list above to generate the quote.
Block 6 — Scheduler Loader / Acuity Handoff
Loads the Acuity scheduler after the upgraded Shop & Deliver quote is confirmed.
Loads the Acuity scheduler after the upgraded Shop & Deliver quote is confirmed.