ecommerce

You build shopping cart and checkout for React catalog collections by wiring useCart() to manage quantities and purchases for collections marked with @catalog, ensuring fixed pricing is sourced directly from catalog item fields.

You format ecommerce cart totals without hardcoding symbols by applying formatPrice() and useCurrency(), which provide a DEFAULT_CURRENCY fallback to render all line-item prices and totals correctly.

No, you cannot apply dynamic or custom checkout pricing. The implementation enforces fixed pricing by using each catalog item's stored price field exactly as sourced, preventing custom checkout pricing logic.

Before adding a cart drawer and buy-now buttons, you need @catalog collections defined in src/entities/index.ts. A safety guard ensures cart and buyNow features activate only when these catalog collections exist.

For a complete ecommerce checkout flow, you need a cart drawer or modal, a header cart icon with a quantity badge, and Add to Cart buttons on product surfaces, guided by a required UI wiring checklist.