Match the cart drawer to your store

Open your cart design and select Style. This tab controls the drawer's overall appearance and how it opens.

Choose colours

The Theme colours row offers colours from your published theme. Pick one and choose a Palette style: Clean, Tinted, or Dark. You can also pick a custom colour and adjust the individual background, text, accent, border, and savings colours.

Restore the default colours resets the colour palette while keeping geometry such as drawer width and corner radius.

Set the drawer's shape and position

• Drawer position: choose the left or right edge.
• Drawer layout: Attached sits against the edge; Floating leaves space around the drawer.
• Drawer width and Corner radius: adjust the size and rounding.
• Shadows: turn depth effects on or off.

Adjust product images

Image shape applies across cart items and upsells. Upsell row image size and Upsell tile image size apply to the main upsells, side panel, and empty-cart suggestions. The cart item's own size is under Cart > Cart items > Product image size.

Control automatic opening

Open the cart when a product is added is in Style. Turning it off stops automatic opening after an add; shoppers can still open the drawer with the cart icon.

Save and check the storefront on desktop and mobile. For changes beyond these controls, see custom HTML and CSS.