Design WooCommerce pages — product, product-category, cart, checkout, my-account, shop — from blueprints that map to WooCommerce data.
Where: CMS → WooCommerce blueprints — Create a WooCommerce page
Key ideas
- Commerce blueprints: Product, product-category, shop, cart, checkout, and My Account blueprints provide the expected field/repeater roles for WooCommerce data.
- Runtime behavior matters: Product variation, add-to-cart, cart totals, checkout validation, and account flows depend on the connected WooCommerce environment, not static canvas data alone.
Steps
- Create a page from a WooCommerce blueprint.
- Bind product/cart fields and repeaters.
- Export to a WooCommerce site.
Validation checklist
- Product title, price, media/gallery, availability, variations, and add-to-cart.
- Category/shop list queries, pagination, sorting, and empty state.
- Cart line items, quantity updates, totals, coupons, and removal.
- Checkout fields, validation, payment/shipping integrations, and confirmation.
- My Account authentication and endpoint navigation.
Limitations and important notes
- WooCommerce must be installed/configured on the destination.
- Payment, shipping, tax, account, and plugin behavior must be tested on the WordPress site.