Cart Contents

Cart Contents displays the product rows and cart controls for the current WooCommerce cart. Use it as part of a custom cart layout. WooCommerce must be installed and active.

Add and configure Cart Contents

1. Click Add, choose Cart Contents, and place it in the container.
2. Place Cart Contents in the custom cart page layout.
3. Configure Design > Cart Contents and Spacing.
4. Add the related cart components, such as Cart Totals, where the layout needs them.
5. Save your changes.

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 > Cart Contents

Setting	Purpose and options	Behavior
Wrapper > Border Color	Color or supported fill.	Shared
Wrapper > Border Width	Border width and unit.	Shared
Wrapper > Border Radius	Border radius and unit.	Shared
Rows > Spacing	Spacing and unit.	Responsive
Rows > Separator	On/off.	Shared
Rows > Separator Color	Color or supported fill. When: Separator is set.	Shared
Rows > Separator Height	Separator height and unit. When: Separator is set.	Shared
Remove Icon > Size	Size and unit.	Shared
Remove Icon > Color	Color or supported fill.	Hover
Thumbnails > Size	Size and unit.	Responsive
Thumbnails > Opacity	Set the numeric opacity value.	Hover
Thumbnails > Borders	borders controls.	See linked controls
Typography > Table Heading	typography controls.	See linked controls
Typography > Product Title	typography controls.	See linked controls
Typography > Prices	typography controls.	See linked controls
Typography > Attributes	typography controls.	See linked controls
Typography > Attribute Value	typography controls.	See linked controls
Hide Coupon & Actions Row	On/off.	Shared
Override Global Styles	woocommerce global styles.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting