Checkout Order Review
Checkout Order Review displays the current order summary inside Checkout Builder. Its products and amounts follow WooCommerce's checkout calculations. WooCommerce must be installed and active.
Add and configure Checkout Order Review
- Click Add, choose Checkout Order Review, and place it in the container.
- Place the element inside Checkout Builder.
- Configure Design > Your Order and Spacing.
- Check long product names and totals in the available width.
- Save your changes.
Keep the required parent context
Checkout Order Review must be inside Checkout Builder. Layout containers can sit between the parent and this element. Configure the product or checkout context on the parent.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Design > Your Order
| Setting | Purpose and options | Behavior |
|---|---|---|
| Background | Color or supported fill. | Shared |
| Padding | spacing controls. | See linked controls |
| Borders | borders controls. | See linked controls |
| Override Global Styles | woocommerce global styles. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
The amounts change after an address is entered
WooCommerce can recalculate shipping and tax from the checkout details. The element presents the updated order review.
The order summary is missing
Check the cart contents and ensure the element remains inside Checkout Builder.