The Styling tab’s Drawer styling section controls the look of the cart drawer on the site — every field here is a setting, so most stores need no custom CSS at all.
Position and size
Position controls which edge of the screen the drawer slides in from — Left or Right. Most stores leave this on the side where their theme’s own cart or account icons already sit, so the trigger button feels like a natural extension of the header rather than a new element competing for attention.
Width sets how much of the screen the open drawer occupies, from 340px up to 520px. A narrower drawer keeps more of the page visible behind it on desktop, while a wider drawer gives product images, the discount ladder and cross-sell cards more breathing room — the right value usually depends on how much content you have turned on in the Slots tab.
Corners and colour
Corner radius rounds the drawer panel itself, from 0px (sharp, square corners) up to a fully rounded 20px. Matching this to your theme’s own card and button radius is usually the single biggest factor in making the drawer feel like it belongs to the site rather than a bolted-on widget.
Corner style is a separate Sharp/Rounded switch that applies specifically to the smaller elements inside the drawer — the product image, the quantity stepper, the coupon field/button and the checkout button — rather than the drawer panel itself. Keeping it in sync with the corner radius above gives a consistent look, though nothing stops you from mixing a rounded drawer with sharp internal controls if that suits your brand.
Accent color is the one colour setting that ties the whole drawer together — it paints the checkout button, the free-shipping and Progressive Discount progress bars, and the floating trigger button. Picking your theme’s existing primary button colour here is usually enough to make the drawer look native without touching any CSS.
Product images and text
64px
80px
Your cart
Add your discount code
Product image size offers three fixed thumbnail sizes for the items listed in the cart — 56px, 64px or 80px. Larger thumbnails help shoppers recognise products at a glance in stores with few items per cart, while a smaller size leaves more room for long product names or carts that typically hold several lines.
Header title lets you replace the drawer’s heading text — leaving the field empty falls back to the default “Your cart”. This is the simplest way to match your store’s own tone of voice, for example swapping it for “Your bag” or a translated label, without needing a translation plugin just for this one string.
Coupon label works the same way for the text shown above the coupon field — leave it empty to keep the default “Add your discount code”, or type your own wording. Stores running seasonal promotions sometimes change this temporarily, for example to “Got a gift code?”, without needing to touch any template files.
Trigger icon
Trigger icon picks which glyph appears on the floating trigger button, or None to show only the badge (item count, total, both or none) configured in General settings. This is purely cosmetic and independent from the badge mode — you can, for example, show a bag icon with no numeric badge at all, or a badge with no icon.
Checkout button and animation
Use trigger icon in Checkout button too repeats whichever trigger icon you picked above to the left of the “Checkout” label at the bottom of the drawer. It is off by default, so enabling it is a deliberate choice — useful if you want the same visual cue to reinforce the action a shopper is about to take.
Show total in Checkout button grows the button label from a plain “Checkout” into something like “Checkout €40.00”, repeating the cart total the shopper already saw in the subtotal line just above it. Some stores prefer this repetition right before the click as a last reassurance of what they are about to pay; others find a plain “Checkout” label cleaner and turn it off.
Animate open/close adds a smooth slide-in and slide-out transition whenever the drawer opens or closes, instead of it appearing and disappearing instantly. Turning it off can make the drawer feel snappier on lower-powered devices, though for most stores the animation is subtle enough that it is left on.