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.
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, API shopping mode trigger, Costco node trigger, and substitution preference handoff.
Active store dropdown, specialty/custom store handling, manual list mode, API shopping mode trigger, Costco node trigger, and substitution preference handoff.
Store selection
Waiting for delivery address and zone.
Substitution preferences
Substitution rule will appear here.
Select a store to continue.
Block 3a — Kroger Shopping Node Loader
Loads the Kroger catalog through the backend WDS taxonomy, allows item selection, increases existing cart item quantities, tracks running subtotals, shows item and cart update notices, writes item difficulty data for Shop & Deliver pricing, and allows approved backend-filtered Kroger catalog substitutions by selected cart item.
Loads the Kroger catalog through the backend WDS taxonomy, allows item selection, increases existing cart item quantities, tracks running subtotals, shows item and cart update notices, writes item difficulty data for Shop & Deliver pricing, and allows approved backend-filtered Kroger catalog substitutions by selected cart item.
Block 3B — Costco Shopping Node
Costco shopper-filled list, paste shopping list option, hidden curated list, selected-item cart, and shopping-list handoff.
Costco shopper-filled list, paste shopping list option, hidden curated list, selected-item cart, and shopping-list handoff.
Block 3.5 — Shop & Deliver Confirmation Display
Displays a clean confirmation view from the selected Kroger catalog cart before scheduling or order submission, including approved substitution review.
Displays a clean confirmation view from the selected Kroger catalog cart before scheduling or order submission, including approved substitution review.
Review your shopping list
Please review selected items, quantities, store, estimated grocery subtotal, and approved substitutions before continuing.
No shopping list has been selected yet.
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.
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.
Block 6.5 — Backend Order + Scanner 1.2 Handoff
Creates the backend Shop & Deliver order after the quote/scheduler handoff and returns the driver scanner link.
Creates the backend Shop & Deliver order after the quote/scheduler handoff and returns the driver scanner link.
Create Shop & Deliver order
Use this after the shopping list is confirmed and the scheduler handoff is ready.