Cart drawer
Overview
Cart drawer adds a configurable cart drawer experience to your Radian storefront.
Customize Cart drawer
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector to open the template that contains Cart drawer.
- Select Cart drawer in the template panel, adjust the settings, and select Save.
Section settings
LAYOUT
| Fixed cart drawer footer | Turns fixed cart drawer footer on or off. |
|---|---|
| Drawer width | Choose from Small, Medium, Large, Extra large. |
UPSELL
| Enable cart upsell | Turns enable cart upsell on or off. |
|---|
CART INFORMATION
| Show cart item count | Turns show cart item count on or off. |
|---|---|
| Show shipping/taxes text | Turns show shipping/taxes text on or off. |
| Show product price | Turns show product price on or off. |
| Show 'Savings' | Turns show 'savings' on or off. |
| Savings style | Choose from Display, Page title, Section heading, Secondary heading, Subheading, Body, Caption. |
CART ACTIONS
| Show view cart button | Turns show view cart button on or off. |
|---|---|
| View cart label | Sets the view cart label shown in the section. |
| Show checkout button | Turns show checkout button on or off. |
| Checkout label | Sets the checkout label shown in the section. |
| Show price in checkout button | Turns show price in checkout button on or off. |
| Cart total style | Choose from Display, Page title, Section heading, Secondary heading, Subheading, Body, Caption. |
| Use main button style | Turns use main button style on or off. |
EMPTY CART
| Heading | Sets the heading shown in the section. |
|---|---|
| Empty cart heading font | Controls empty cart heading font. |
| Empty cart heading size | Adjusts empty cart heading size within the available range. |
| Collection 1 | Selects the collection used by this section. |
| Collection 2 | Selects the collection used by this section. |
| Collection 3 | Selects the collection used by this section. |
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.