Skip to main content

Cart Totals

This family renders cart total fields from cartTotals and live Store API cart totals.

Components

Component keyField
OmeWooCartTotalsListContainer for total atoms on cart pages.
OmeWooTotalsSubtotaltotal_items
OmeWooTotalsDiscounttotal_discount
OmeWooTotalsShippingtotal_shipping
OmeWooTotalsTaxtotal_tax
OmeWooTotalsTotaltotal_price

The same total atoms are also used in OrderSummaryTotalsList on checkout pages.

Authoring Structure

CartTotalsList
TotalsSubtotal
TotalsDiscount
TotalsShipping
TotalsTax
TotalsTotal

List Props

PropMeaning
structure.root_tagWrapper element for the list.
styling.list_classClass prop for the list wrapper.

Atom Props

All total atoms share props from CartTotalProperties.

PropMeaning
content.show_labelRenders label and value in a wrapper when true.
content.labelLabel text when labels are enabled.
content.label_positionprefix or suffix.
structure.html_tagWrapper tag when label is enabled.
styling.value_classClass prop for the value span.
styling.classWrapper class when label is enabled.
styling.label_classLabel class when label is enabled.

Runtime Behavior

cart-totals.ts formats minor-unit Store API totals using currency metadata from the response. It updates every matching data-ome-woo-cart-total-field, except fields inside an order summary when the cart page binding is running. OrderSummary owns its own summary total rendering.

Scenario Coverage

ScenarioCovered behavior
cart_totals_taxed_cartTax, subtotal, and final total render for a seeded taxable cart.
cart_totals_and_empty_slotEmpty cart keeps totals at zero.
cart_page_update_and_removeQuantity and removal refresh totals.
shipping_selectorShipping rate selection updates shipping and total.
lifecycle pricingNative Woo pricing hooks change rendered totals.