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 link

String

Empty

Determines the logo to display

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?