Cart Items

The Cart items block manages the visual presentation of products within the drawer. This section allows you to fine-tune typography and layout scales to ensure product information is clear and aesthetically aligned with your theme.

Configuration Settings

Customize the detail levels and sizes for all elements within the product list:

• Vendor Information:

  • Show vendor: Toggle this switch to display or hide the brand name/vendor above the product title.

• Typography Control:

  • Title size: Set the font size for product titles (e.g., XS).

  • Price size: Adjust the visibility of product prices (e.g., SM).

  • Coupon size: Define the font size for any applied discount or coupon labels (e.g., XS).

  • Variant size: Customize the size of variant details, such as color and size selections (e.g., XS).

• Element Scaling:

  • Quantity scale: Use the slider to adjust the overall size of the quantity selector (e.g., 70%).

  • Quantity input size: Choose the specific size for the numeric input field (e.g., MD).

  • Icon remove scale: Scale the "trash" or "remove" icon to your preference (e.g., 100%).

How it Works

Once configured, these settings apply globally to every item added to the cart. The real-time preview on the right allows you to see how these size adjustments impact the overall balance of the drawer, ensuring a seamless experience for your customers.