Cart Items

Updated 21 days ago

The Cart Items section displays all the products added to the user’s cart. It allows users to quickly review their selections, check pricing, and make changes before proceeding to checkout.

Visibility

  • Enable or Disable – Use the eye icon to show or hide the section

  • Delete – Remove the section if it’s no longer needed

Product Cart Settings

This section controls how each product appears inside the cart.

Image Attributes

  • Radius – Adjust how rounded the image corners appear

  • Image Scale – Choose whether the image fills or fits the container

Border

  • Color – Choose border color around the product image or card

  • Width – Adjust thickness

Title 

You can customize:

  • Font

  • Size/Weight

  • Line Height

  • Letter Spacing

  • Text Color

  • Capitalization

Vendor

  • Font

  • Size/Weight

  • Line Height

  • Letter Spacing

  • Text Color

  • Capitalization

Price

  • Font

  • Size/Weight

  • Line Height

  • Letter Spacing

  • Text Color

  • Capitalization

Compare Price

  • Font

  • Size/Weight

  • Line Height

  • Letter Spacing

  • Text Color

  • Capitalization

Delete Icon

This allows users to remove items from the cart.

  • Choose or Upload Icon – Select an icon

  • Icon Color – Customize the icon color

  • Background Color – Set background behind the icon

  • Border Color – Choose border color

  • Radius – Adjust corner roundness

  • Padding – Control spacing around the icon

Card Background

  • Color – Set the background color of each cart item

  • Radius – Adjust corner roundness

  • Padding – Control inner spacing

  • Space Between – Set spacing between multiple cart items

Card Border

  • Color – Choose border color

  • Width – Adjust thickness

  • Sides – Select which sides should display the border

Background and Spacing

This controls the layout of the entire cart items section.

Background:

  • Color – Set the section background color

  • Radius – Adjust corner roundness

  • Padding – Control spacing inside the section

  • Margin – Manage spacing outside the section

Border:

  • Color – Choose border color

  • Width – Adjust thickness

  • Sides – Select which sides should display the border

Benefits:

  • Helps users review their order before checkout

  • Prevents purchase errors and frustration

  • Creates a more polished and trustworthy shopping experience

  • Supports last-minute decision making

Related Articles

Announcement bar

1 min read

Button

2 min read

Image Block

1 min read

Image Banner

1 min read