Composable checkout
A checkout you actually control – address, shipping, payment, and totals as atoms.
A store you actually control.
Compose product, cart, and checkout UI from atoms while WooCommerce stays the source of truth. Store API keeps the cart live, native hooks stay intact, and first paint is server-rendered.
Store API – Native hooks – SSR first paint
Add to cart – runtimeLIVE
Woo remains the transaction model while Etch controls the storefront surface.
10Woo families
Live.Store API sync
WooSource of truth
SSRServer-rendered first
What is in the pack
Ten commerce families.
From the buy box to the final order – every surface as composable atoms.
The boundary
You own the UI. Woo owns the truth.
Oh My Etch never forks your store. Atoms render server-side first, the Store API keeps the cart and totals live, and every native WooCommerce hook still fires – so extensions, taxes, and payment gateways keep working exactly as they do today.
- Server-rendered first paint
- Store API for live cart and totals
- Native hooks and extensions intact
Cart Items – structureSLOTS & ATOMS
- Cart Itemsroot
- Cart Line Itematom
- Quantity Controlcontrol
- Remove Buttonbtn
- Line subtotalslot
- Cart Line Itematom
Best stacks
Recipes, not lock-in.
Composable flows for the whole purchase journey.
01 – Single product
Custom product page
Lay out gallery, variation selectors, quantity, and buy-now exactly how your brand wants.
AddToCartFormAttributeSelectorBuyNowButton
02 – Branded cart
Cart, your way
Line items, live totals, and coupons composed into a cart that matches your design system.
Cart ItemsCart TotalsCoupons
03 – One-page checkout
Checkout you control
Address, shipping, payment, and summary as atoms on a single, fully-styled page.
Checkout ShellAddress FormsPayment Selector
See it live
Built with WooCommerce atoms.
Custom product page
A bespoke single-product layout with variation logic and a branded buy box.