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.