Table of Contents:
Access to settings
Access to general cart drawer settings by navigating to Custom Cart from your Cartly dashboard.
These General settings control the defaults for your whole Cartly Cart Drawer. Anything you change here applies to all enabled features on the left:
These enabled features include:
Click on the links to learn how to enable and configure them for cart drawers.
📖 You might also like to check out: Step-by-step guide to setting up Custom Cart Drawer
What you can do here:
Set global behavior for the drawer: open-on-cart-click, show/hide compare-at price, show “Save” amounts, and add Continue shopping / View cart buttons.
Define a unified design that all features inherit (colors, borders, accents, buttons, lines, footer, announcement bar, progress bar) so your cart looks consistent across the board.
Edit shared text labels (title, buttons, empty-cart messages, subtotal, save text), including variables like
{{number_of_items}}, to match your brand voice or language.Apply Custom CSS for small, storewide tweaks that affect the live storefront (spacing, font sizing, fine-grain visual adjustments).
General settings
Settings (display options)
Here, you can control core behavior and a few universal labels.
Open Cart Drawer on cart icon click – When on, clicking the cart icon opens the drawer instead of the cart page.
Show compare at price – Displays the crossed-out “compare at” price next to the sale price.
Show Save label below product prices – Adds a “Save $X” line under item prices when discounted.
Show “Continue shopping” button – Adds a link/button inside the drawer to keep browsing.
Show “View cart” button – Adds a link to the full cart page.
Advanced settings:
Custom CSS – Add small style tweaks that apply to the live storefront (not the preview). Useful for spacing, font sizes, etc.
Design
On this Settings tab, you can define the look and feel of the entire cart drawer.
Use these design settings to set global colors, borders, and styles that every enabled feature has.
Font: The drawer automatically inherits your theme font. If you need a different font, learn how to change the font in the Cart Drawer?
Translations tab (Text settings)
Here, you can customize common text labels across the drawer.
The text settings support variables like {{number_of_items}} (e.g., “Your Cart ({{number_of_items}}).
