Cart Table

Display the WooCommerce cart table with line items, quantities, and totals. It is shown in the block inserter as Canvas Cart Table and registered as canvas-core/woo-cart-table.

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

The Cart Table settings in the block editor sidebar

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:

Columns

  • Show Remove ColumnDefaultOn

    Give each row a control for taking that product out of the cart.

  • Show Product ThumbnailsDefaultOn

    Show a small photograph beside each product name, so a shopper recognises what is in the cart at a glance.

  • Thumbnail SizeDefaultGallery Thumbnail

    Which stored copy of the photograph is served. Choose a size at least as large as the width below, so the picture stays sharp.

    ChoicesThumbnailGallery ThumbnailShop ThumbnailMediumFullShown when Show Product Thumbnails is on

  • Thumbnail WidthDefault64

    How wide each photograph is drawn, in pixels.

    Shown when Show Product Thumbnails is on

  • Thumbnail HeightDefault64

    How tall each photograph is drawn, in pixels.

    Shown when Show Product Thumbnails is on

  • Show Unit Price ColumnDefaultOn

    Show what one of each product costs, apart from the line total.

  • Show Quantity ColumnDefaultOn

    Let the shopper change how many of each product they are buying.

  • Show Line Total ColumnDefaultOn

    Show the price times the quantity at the end of each row.

Content

  • Product Column HeadingDefaultProduct

    Heading over the column of product names.

  • Price Column HeadingDefaultUnit Price

    Heading over the column of single prices.

    Shown when Show Unit Price Column is on

  • Quantity Column HeadingDefaultQuantity

    Heading over the column of quantity controls.

    Shown when Show Quantity Column is on

  • Line Total Column HeadingDefaultTotal

    Heading over the column of line totals.

    Shown when Show Line Total Column is on

  • Show Coupon FieldDefaultOn

    Let shoppers enter a discount code on the cart. Turn it off if you never issue codes, since an empty box invites people to go looking for one.

  • Coupon PlaceholderDefaultEnter Coupon Code..

    Grey prompt inside the coupon box before the shopper types.

    Shown when Show Coupon Field is on

  • Apply Coupon LabelDefaultApply Coupon

    Wording on the button that applies the code.

    Shown when Show Coupon Field is on

  • Update Cart LabelDefaultUpdate Cart

    Wording on the button that saves changed quantities.

  • Show Proceed to Checkout ButtonDefaultOn

    Show a button under the table that takes the shopper to checkout. Turn it off when the totals panel beside the table already carries one.

  • Proceed to Checkout LabelDefaultProceed to Checkout

    Wording on that button.

    Shown when Show Proceed to Checkout Button is on

  • Show WooCommerce NoticesDefaultOn

    Print shop messages above the table, such as a coupon being accepted or refused. Turn it off only when a notices block elsewhere on the page shows them instead.

  • Empty Cart MessageDefaultYour cart is currently empty.

    Shown in place of the table when the cart holds nothing.

Style

  • Table ClassesDefaulttable cart mb-5

    Class names on the cart table, setting its look and the space under it.

  • Proceed Button ClassesDefaultbutton button-small button-3d mt-2 mt-sm-0 me-0 mb-0

    Class names that set the look of the checkout button.

    Shown when Show Proceed to Checkout Button is on

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 Totals, Checkout Billing, Checkout Order Review, Conference Tickets, Cross-Sells.

Was this page helpful?