How to Customize the Cart Header
Sophia
Last Update 3 months ago
Header Settings
In the Header section, you can customize the cart drawer header shown at the top of the cart.
In the Header section, you can customize the cart drawer header shown at the top of the cart.
1.) Show Cart Header Title
2.) Header Title
If the cart has 0 items, it will show as: CART • 0
3.) Drawer Close Button Color
4.) Header Background Color
- Enable the Show Cart Header Title option to display the cart title in the cart drawer.Â
- Disable this option if you want to hide the cart title from the cart drawer.
2.) Header Title
- Use the Header Title text editor to customize the title shown in the cart drawer header.
Use the variable: {{ cart.item_count }}Example: " CART • {{ cart.item_count }} "
This variable automatically displays the number of items in the customer’s cart.
If the cart has 0 items, it will show as: CART • 0
3.) Drawer Close Button Color
- Use this option to change the close button color in the cart drawer header.
4.) Header Background Color
- Use this option to change the background color of the cart drawer header.
Once you’ve completed all the required changes, click the Save button at the top center or the top right of the screen to save them.
Need Help?
If you need any assistance, our support team is available 24/7 through live chat, email ( [email protected] ), and support tickets.
If you need any assistance, our support team is available 24/7 through live chat, email ( [email protected] ), and support tickets.