Component: Header with Floating Cart

This component allows you to have a floating cart on your page. The cart is aligned with our Cart Items component.

Props

Prop name
Type
Default
Behaviour

Logo image

String

Empty

URL of the image to display as the header logo

Logo link URL

String

/

URL the logo links to when clicked (configurable from Release 114; previously hardcoded to /)

Show profile icon in the header

Boolean

True

Profile icon link

String

/mma

Show floating cart icon in the header

Boolean

False

Floating cart title to display when cart is open

String

Cart

CTA on the button which empties the cart

String

Clear

If true, shows offer icons in the floating cart

Boolean

True

Unit price label when multibuy is available

String

{{quantity}} x {{formattedPrice}} each

Message to display when the cart is empty

String

There are no items in your cart.

Label for the total row

String

Total

Message on total when tax is not calculated yet

String

+ tax

Button label

String

Continue to checkout

Button URL

String

/checkout

Show discount note

Boolean

False

Last updated

Was this helpful?