Table of Contents:
Access to settings
Open Cartly → Custom cart from your dashboard.
Use the left sidebar to switch between General → Settings, Design, and Translations.
These General settings control the defaults for your whole Cartly Cart Drawer. Anything you change here applies to all enabled features on the left menu:
These settings apply to the all 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 (when it opens, what buttons appear).
Show key pricing information (compare-at price, save amounts, total savings).
Control the footer layout (sticky footer, subtotal inside the Checkout button, secure icon).
Keep the experience consistent by editing shared texts and labels.
Control the display options and core behavior of the Cart Drawer
Go to Custom Cart → General → Settings. The panel is grouped into sections:
General
Open Cart Drawer on cart icon click – Clicking the cart icon opens the drawer instead of the cart page.
Open Cart Drawer after a product is added to cart – Automatically opens the drawer right after Add to cart.
Products
Show compare at price – Displays the crossed-out “compare at” price next to the sale price.
Show Save label below product prices – Shows “Save $X” under item prices when discounted.
Footer
Enable sticky footer – Pins the footer to the bottom for constant visibility.
Show total savings when any discount applies – Displays a “Total savings” line in the footer.
Show Subtotal within “Checkout” button – Places the subtotal inside the Checkout button itself.
Show “Secure” icon within “Checkout” button – Adds a security icon to the button.
Secure icon – Pick your preferred icon from the options.
Show “Continue shopping” button – Adds a secondary action to return to browsing.
Show “View cart” button – Adds a link to the full cart page.
Click Save to apply changes.
Empty cart settings
Empty cart settings allows you to decide what to show to your shoppers/customers when their cart is empty.
👉 Tick the "Show 'Continue shopping' button" to add 'Continue shopping' button:
This will make it easier for your customers to keep browsing instead of leaving the cart.
👉 Tick the "Show 'Log in' section" to offer quick checkout path:
This option will take your customers straight to the login page.
Design the Cart Drawer
Open Custom Cart → General → Design to define the look and feel of your drawer.
These colors, borders, accents, and button styles are inherited by all enabled features so everything looks consistent.
Note: The drawer inherits your theme’s font. If you need a different font, follow the font change guide for Cart Drawer.
Font: The drawer automatically inherits your theme font. If you need a different font, learn how to change the font in the Cart Drawer?
Customize texts (Translations)
Go to Cart Drawer → General → Translations to adjust shared labels and messages.
You can translate or rewrite them to match your brand voice. Variables are supported where shown.
Common labels:
Cart title – Supports
{{number_of_items}}(e.g.,Your Cart ({{number_of_items}})).Save label – Text below product prices (e.g., “Save”).
Total savings – Label shown when discounts apply.
Subtotal label – Label for the subtotal line.
Checkout button – Text for the primary button.
Continue shopping button – Secondary action text.
View cart button – Link to the full cart page.
Terms and conditions agreement error label – Message shown when the T&C checkbox is required.
Click Save after editing.
Advanced settings
Custom CSS – Add small style tweaks that apply to the live storefront (not the preview). Useful for spacing, font sizes, etc.
Custom JS - Add custom JS to control behavior and interactions.
Need Help?
If you have any questions, please contact our support team.
📩 Contact Support: Reach out to us via live chat or send an email to [email protected]