Kent Automotive — PDP → Cart flow (clickable prototype)

The new webview cart replacing the native cart. Tap through the real steps: the shipped styled PDP (Item# 1969) → Add to cart → the transcoded webview cart (real guest price $26.32, live qty steppers & subtotal) → the honest B2B checkout hand-off that stays inside the app. Every screen is the real app code: the PDP is the shipped render, the cart is the exact buildCartWebviewHtml() the app now runs.

Real Kent data ($26.32) Live webview cart code Transcoded Figma 1321:670 tokens
9:41▮▮▮ ▾ 100%
‹ Shop Product
Home
Cart
0
Account
Tap Add to cart on the PDP to move the item into the webview cart.

What changed

The Cart tab used to be a native list. It's now a transcoded stylized webview — the live Kent /cart markup, chrome-stripped and re-skinned to the app's Figma tokens, exactly like the PDP webview.

Add-to-cart posts to the app's durable bag (no Safari); the cart renders that bag; checkout hands off to the live Kent cart inside the app.

The steps (click to jump)

  1. PDP — styled webview product page (Item# 1969), qty stepper + Add to cart.
  2. Webview cart — real $26.32 guest price, live qty steppers & subtotal, Remove.
  3. Secure B2B checkout — honest hand-off to the live Kent cart, in-app.

Everything is real

Guest price $26.32 from Kent's public pricing API; product title/image from the live store; cart markup uses the live cart's own classes. No fabricated prices, no fake checkout.