Design

Personalize the appearance of your cart drawer with full control over color, font, and layout styling.

How to set up Cart Drawer Design:

1

Choose a preset

Presets Select a quick theme from preset color schemes to instantly apply coordinated color styles.

Auto-match with your theme

Click “Auto-match theme” to preview color sets that match your store’s existing design.

If this feature is not active, click “Contact us” to request theme integration.

2

Set up Background colors

Customize the background colors of different parts of the cart:

  • Header

  • Body

  • Footer

3

Set up Button Styles

  • Background color Set the primary color for the checkout/apply buttons (e.g. #B42F2F)

  • Text color on button Choose contrasting font color for clarity (e.g. #FFFFFF)

  • Gradient background (optional toggle) Adds a gradient to buttons for a modern touch.

4

Set up General Styling

Customize the general colors of different parts of the cart:

  • Text color

  • Icon color

  • Divider & delete icon color

5

Set up Price & Discount Colors

Control how pricing and promotional values appear:

  • Price color: #B42F2F

  • Compare price color (strikethrough): #8D8A8A

  • Saving color: #00C154 (e.g. “Save $8”)

  • Background discount: #FFCDCD

  • Text & icon on discount: #B42F2F

These options help you highlight value and increase perceived savings clarity.

Last updated