Components
Cart
The Cart component displays the user’s cart.
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.