Code
Props
Props should be passed as attributes to the component element.The path to the checkout page.Defaults to
/checkout
The message to display when the cart is empty.Defaults to
You have nothing in your cart.
The path to the shop page.Defaults to
/shop
Styling
The following parts are available to style the cart component:--cart-container
The containing
<div>
around the cart.--cart-checkout-button
The checkout button element.
--cart-image
The
<img>
element that contains the product image.--cart-image-container
The containing
<div>
around the product image.--cart-shopping-link
The “continue shopping” link element.
--empty-cart-message
The
<div>
that contains the empty cart message.--loading-colour
The pulsating loading elements that are shown when the cart is loading.