Fully customize and style your Cart and Cart button.
Once you’ve added a Cart to your page, you can fully customize and style the Cart button as well as the cart itself.
In this lesson, we customize the Cart button. To customize the cart itself, check out Customize the shopping Cart.
By default, the Cart button has an icon, a text block “cart,” and the Cart quantity element.
You can change change the color of the Cart icon by applying a font color.
You can edit the button text or double-click and connect it to the quantity or subtotal of your cart. You can style it like you would any typography element.
This text block is connected to the Cart quantity field which you cannot edit. You can style this element like you would any typography element.
You can add other elements to the Cart, such as a different image or text blocks and style the Cart button as you please. You can delete the Cart icon and text block, but not the Cart quantity element. That you can hide using the Cart settings. Read more below.
By default, the Cart button shows the Cart quantity — the total items in the cart.
To hide the Cart quantity element:
To hide the cart quantity when the cart is empty:
To display the subtotal of the Cart on the Cart button:
Something went wrong while submitting the form. Please contact email@example.com