CART SUMMARY
Updated 6 months agoHeader
You can customise the full text style of the header that appears at the top of the cart summary. This includes the font, size or weight, letter spacing, line height, alignment, text color, and capitalization.
You can also choose or upload a close icon so users can easily dismiss the cart panel.
The header background gives you control over the header’s color, radius, and padding.
If you want a defined edge or separation, the header border lets you adjust the border color, width, and the sides where it should appear.
Content area
This is where the actual order details appear. You can style:
-
Subtotal
-
Discount
-
Discount code badge
-
Shipping
-
Total amount
Each of these elements follows the theme styling of the section, and you can set how they appear visually inside the content block.
You can adjust the content background and spacing by changing the background color, radius, padding, and margin. This helps create a clear, organized layout that feels comfortable to read.
Background and spacing
This section controls the outer container of the cart summary. You can change the color, add rounded corners with radius, and set custom padding and margin for cleaner spacing within the screen.
Related Articles
