Cart, Checkout And Account Pages

WooCommerce designates one page as the cart, one as the checkout and one as the account area, and Canvas replaces the design of the first two with block templates of its own, so the money pages match the rest of the site instead of the plugin's defaults. Read this page to understand how those templates attach, how to edit them, and what to check when a cart page does not look like the Canvas design.

How The Templates Attach

The templates follow the store's page assignments, not page names: WooCommerce records which page is the cart and which is the checkout, under WooCommerce > Settings, in the Advanced tab, and Canvas's Page: Cart and Page: Checkout templates render whichever pages those are. WooCommerce's onboarding sets the assignments when it creates the pages, and a store demo imported site-wide assigns its own designed pages, so in both cases the wiring is done for you.

What The Templates Contain

Both templates are compositions of the shop blocks, wrapped in the site's header and footer:

The cart template stacks Canvas WooCommerce Notices, Canvas Cart Table, Canvas Cart Totals and Canvas Cross-Sells, which is the classic cart page: messages, line items, totals, suggestions.
The checkout template stacks Canvas WooCommerce Notices, Canvas Checkout Billing with its login and coupon toggles on, and Canvas Checkout Order Review, the form on one side of the flow and the order summary on the other.

How To Edit Them

Starting screenAppearanceEditor, then Templates.

Open the cart or checkout template and edit it as blocks: reorder the parts, drop the cross-sells row, add a trust banner above the totals. Because each part is its own block, a layout change is a block move, and the block settings carry the presentation choices, such as the checkout's login and coupon toggles.

The Account Page

Canvas ships no separate template for the account page: it renders through the site's regular page rendering with WooCommerce's own account area inside, so it inherits your page styles without needing a design of its own. Style around it, a page title, an intro, exactly as you would on any page.

Pitfalls

The cart page does not use the Canvas cart design. The template follows the store's page assignment. Check that WooCommerce > Settings > Advanced names the page you are looking at as the cart page, because a second, unassigned page containing cart content renders as an ordinary page.

The header is solid on the cart and checkout while the rest of the site is transparent. Neither page opens with a hero, a slider or a title band pulled up behind the header, and a transparent bar over a plain page would paint its logo and menu onto the page background. Canvas therefore renders the header in its solid scheme on pages with nothing underneath it, which is explained in Header Options Per Page. Give the page a hero or an overlapping title band if you want the transparent header back.

Checkout edits appear on the cart too. The notices block appears in both templates. Edit the block's settings inside the template you mean, not a synced copy of it.

After removing a store demo the cart is gone. The demo's designed cart and checkout pages were part of its data. WooCommerce's own pages can be re-created from WooCommerce > Status > Tools, then re-assigned under WooCommerce > Settings > Advanced.