Skip to main content

​
ProductDescriptionScreen

Need storefront configuration?

Use the public API origin, merchant slug, and location ID. Storefront components never receive a Crave API key; register each exact browser origin before making requests.
A full-screen overlay that shows detailed product information including image, description, modifier groups, quantity selector, and an add-to-cart button with running total.

​
Preview

​
Import

​
Usage

​
Props

​
Product
required
The product to display, including all modifier groups.
​
(item: CartItem) => void
required
Callback fired when the user confirms selections and adds the item to cart.
​
() => void
required
Callback to dismiss the screen.

​
Behavior

  • Displays product hero image with parallax scroll effect
  • Renders all modifier groups using ModifierGroup components
  • Shows running price total that updates as modifiers are selected
  • Validates required modifier groups before enabling the add button
  • Supports special instructions text input at the bottom