Checkout Order Review

Display the WooCommerce checkout order review summary with line items and totals. It is shown in the block inserter as Canvas Checkout Order Review and registered as canvas-core/woo-checkout-order.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

• Orders HeadingDefaultYour Orders

  Heading above the list of what the shopper is buying.

• Totals HeadingDefaultCart Totals

  Heading above the totals beside that list.

• Product Column HeadingDefaultProduct

  Heading over the column of product names.

• Quantity Column HeadingDefaultQuantity

  Heading over the column of quantities.

• Line Total Column HeadingDefaultTotal

  Heading over the column of line totals.

• Subtotal Row LabelDefaultCart Subtotal

  Wording of the row giving the goods total before delivery.

• Shipping Row LabelDefaultShipping

  Wording of the delivery row.

• Order Total Row LabelDefaultTotal

  Wording of the final row, the amount the shopper will pay.

• Place Order Button LabelDefaultPlace Order

  Wording on the button that submits the order. Some payment methods replace it with their own wording.

Style

• Row Label TagDefaultStrong

  How each row label is marked up. Strong or Span keeps the totals out of the page outline; a heading level puts them in it.

  ChoicesStrongHeading 5Heading 6Span

• Row Label ClassesDefaultEmpty

  Class names on every row label, setting its size, weight or colour.

• Value Cell ClassesDefaultEmpty

  Class names on the figure in every row except the final total.

• Order Total Value ClassesDefaultcolor lead

  Class names on the final amount, which the design sets larger and in the theme colour so it stands out from the rows above.

• Row Wrapper ClassesDefaultrow col-mb-50 gutter-50

  Class names on the row holding the order list and the totals, setting the space between and below them.

• Column ClassesDefaultcol-lg-6

  Class names on each of those two columns. The default sets them side by side on a laptop and stacked below that.

• Table ClassesDefaulttable cart

  Class names on the order table itself.

• Place Order Button ClassesDefaultbutton button-3d

  Class names that set the look of the button that submits the order.

Related

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in WooCommerce: Add to Cart, Cart Table, Cart Totals, Checkout Billing, Conference Tickets, Cross-Sells.