Cart Totals

Cart Totals displays the current cart's calculated totals and related checkout action. Use it alongside Cart Contents in a custom cart layout. WooCommerce must be installed and active.

Add and configure Cart Totals

1. Click Add, choose Cart Totals, and place it in the container.
2. Place Cart Totals near the cart contents.
3. Configure Design > Totals and Spacing.
4. Check the totals presentation with the store's applicable shipping, tax, and discount settings.
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 > Totals

Setting	Purpose and options	Behavior
Hide Title	On/off.	Shared
Space After Title	Space after title and unit.	Responsive
Wrapper > Max Width	Max width and unit.	Shared
Wrapper > Background	Color or supported fill.	Shared
Wrapper > Borders	borders controls.	See linked controls
Wrapper > Padding	spacing controls.	See linked controls
Rows > Spacing	Spacing and unit.	Shared
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
Button > Space Above	Space above and unit.	Responsive
Button > Alignment	Left, Center, Right, Justify.	Shared
Button > Styles > Size > Size	Custom, Small, Default, Large.	Responsive
Button > Styles > Size > Padding	Padding. When: Size = Custom.	Responsive
Button > Styles > Size > Override Width	Override width and unit.	Shared
Button > Styles > Size > Full Width At	Breakpoint.	Shared
Button > Styles > Background	Color or supported fill.	Hover
Button > Styles > Outline	On/off.	Shared

Shown when Outline is set.

Setting	Purpose and options	Behavior
Button > Styles > Color	Color or supported fill.	Hover
Button > Styles > Width	Width.	Shared
Button > Styles > No Fill On Hover	On/off.	Shared

Setting	Purpose and options	Behavior
Button > Styles > Typography	typography controls.	See linked controls
Button > Styles > Corners	Square, Round, Custom.	Shared
Button > Styles > Corner Radius	Corner radius and unit. When: Corners = Custom.	Responsive
Button > Styles > Effects > Transition Duration	Transition duration.	Responsive
Button > Styles > Effects > Scale On Hover	Set scale on hover. Range: 0–3.	Responsive
Button > Styles > Effects > Shadow	Shadow offset, blur, spread, color.	Responsive, Hover
Button > Styles > Icon > Icon	Icon.	Shared
Button > Styles > Icon > Position	Before, After.	Shared
Button > Styles > Icon > Size	Size and unit.	Responsive
Button > Styles > Icon > Color	Color or supported fill.	Hover
Button > Styles > Icon > Space Before	Space before and unit.	Responsive
Button > Styles > Icon > Space After	Space after and unit.	Responsive
Button > Styles > Icon > Hover Transform	Hover transform and unit.	Shared
Typography > Heading	typography controls.	See linked controls
Typography > Labels	typography controls.	See linked controls
Typography > Values	typography controls.	See linked controls
Typography > Price Amounts	typography controls.	See linked controls
Typography > Total Label	typography controls.	See linked controls
Typography > Total Amount	typography controls.	See linked controls
Typography > Links	typography controls.	See linked controls
Override Global Styles	woocommerce global styles.	See linked controls

Design > Spacing

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

Troubleshooting