Cart and checkout
How the cart behaves today and what should be decided before production checkout.
Cart and checkout
The cart is designed as a quick drawer rather than a separate cart page.
Opening the cart
Shoppers can open the cart from:
- header cart button
- homepage review cart button
- add-to-cart actions
Adding a product opens the cart automatically.
Cart contents
Each line item shows:
- product image
- product name
- selected variant
- quantity controls
- item price
- line subtotal
- remove action
Quantity changes are saved in the browser. If the shopper refreshes, the cart should still be there.
Empty cart
The empty cart gives shoppers a way back to products instead of ending the flow.
It links to:
- product catalog
- shelf section
Checkout state
The prototype is now pickup-first by default. The cart creates a pickup hold request and returns to an order status page.
The API can also run in NMI sandbox mode for demo payment processing. In that mode, the shopper is sent to a payment handoff page where NMI tokenizes payment details before the Hono API attempts the sandbox sale.
See Payment strategy for the processor research and the production recommendation.
For production, the team should decide whether checkout means:
- pickup hold request with counter payment
- NMI-backed online payment after high-risk merchant approval
- member-only quote request
- simple contact form for high-ticket items
Recommended production direction
For a smoke shop, pickup hold requests are the cleanest first production step.
That lets the store confirm:
- age requirements
- stock availability
- pickup timing
- payment method
Online payment should wait for an approved high-risk merchant account and the exact product, fulfillment, geography, and age-verification rules that account allows.