Product Purchase. own the buy box.
The product purchase surface keeps Woo as source of truth while your layout stays yours.
Root + 3 atoms / Accessible / Composable
Product Purchase · runtimeWOO
Looping preview · variations + add to cart
Why it's good
Behavior, handled.
Product Purchase owns the parts that are tedious and easy to get wrong – so you can focus on the layout and the brand.
- Variation state in form scope
- Quantity and add-to-cart atoms
- Buy-now path available
- Store API mutations preserved
Best stacks
Compose it.
A few ways Product Purchase shows up in real builds.
01
Variable product page
Attribute selectors, quantity, add-to-cart, and buy-now in one scope.
AddToCartFormAttributeSelectorAddToCartButton
More WooCommerce
The rest of the family.
Cart Items
Line items with thumbnails, quantity, remove, and live subtotals.
i-cart / Root + 1 atomView familyCart Totals
Subtotal, shipping, tax, and grand total – always in sync.
i-receipt / Root + 1 atomView familyCoupons
Apply and remove coupon codes with live validation.
i-tag / Root + 1 atomView family