> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/post-types/woocommerce/cart-and-checkout.md).

# Cart & Checkout

The cart and checkout layout, including multi-step checkout.

This section in WooCommerce allows you to customize how the checkout process is displayed to your customers, offering several options to enhance the shopping experience. This section is located under **Appearance -> Customize -> WooCommerce -> Cart & Checkout**.

### Shop Order Review Style

Choose how the order review is shown during cart and checkout. There are two styles:

* **Invoice Cut**: Displays the order summary in a cut style for a more dynamic look. This is the default.
* **Invoice Flat**: Shows the order summary in a simple, flat layout.

**Sticky** is a separate toggle beside them, not a third style. Turn it on and the order review stays visible as customers scroll, whichever style you chose.

<div><figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-970aa91a90cacd58d92e79b4d4a6d36102e9e063%2Fwoocommerce-cart-checkout-invoice-flat.jpg?alt=media" alt="" width="375"><figcaption><p>Invoice Flat</p></figcaption></figure> <figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-9c0cf8bfb0f676c769f0ab9516ec7008bfa08079%2Fwoocommerce-cart-checkout-invoice-cut.jpg?alt=media" alt="" width="375"><figcaption><p>Invoice Cut</p></figcaption></figure></div>

### Steps

Configure how the cart and checkout process is structured to enhance the user experience on your store’s cart and checkout pages, these are the options:

* **Multi Steps**: Breaks the checkout process into multiple steps, guiding customers through each phase of the purchase.
* **Step Numbers**: Appears once Multi Steps is on, and toggles the visibility of the step numbers. On by default.

<figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-4b6419427f141595ae23e78157f8e95f6b1c0525%2Fwoocommerce-cart-checkout-steps.jpg?alt=media" alt=""><figcaption></figcaption></figure>

### Checkout

Options for customizing the appearance and functionality of the checkout page.

<div><figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-87717a1bf4ec0ad43dfc6825b5c8a28a7e5e0640%2Fwoocommerce-cart-checkout-product-image.jpg?alt=media" alt="" width="375"><figcaption><p>Product Image Option</p></figcaption></figure> <figure><img src="https://2905187046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1O25QgF7NUwiK2Ek4ro8%2Fuploads%2Fgit-blob-7b1d324564d5ce4775a2915955c8cfc27a28d779%2Fwoocommerce-cart-checkout-link-product.jpg?alt=media" alt="" width="375"><figcaption><p>Link to Product Option</p></figcaption></figure></div>

* **Product Image**: Shows or hides product images in the order review section.
* **Link to Product**: Makes product names clickable, allowing customers to view product details directly from the checkout page.