The Global Settings tab (inside a Smart Cart) controls store-wide behaviour and styling.
Cart page
Use Cart Page - when disabled, any customer who navigates to the full
/cartpage is redirected to the homepage and the Smart Cart opens automatically (keeps cart state in sync).
Button Design Settings - style the cart button: Background, Text, Hover, and Icon color, plus Corner Radius.
Event Callbacks (for developers) - fire your own code on cart events: Init, Ready, Show, Hide, Line-item Increase, Line-item Decrease, Line-item Removed.
Custom CSS - CSS that applies only inside the Smart Cart drawer (it won't reach the rest of your storefront). Note: @import is rejected on save, and url() must be a relative path, a data: URI, or https: (http: and javascript: are refused).
Code Slots - drop your own HTML into fixed positions: Above Header, Below Header, Between Line Items, Above Checkout Button, Below Checkout Button, Bottom of Cart, Empty Cart. ⚠️ Code here runs exactly as written (including <style>/<script>) and can affect your whole storefront, not just the cart - PDQ doesn't filter it, so use with care.
Override → Custom Template - write the Smart Cart's markup yourself instead of using the editor. If you enable this, you'll need to keep your code updated to stay compatible with new versions.
Related: Setting up Smart Cart · Adding a standalone Smart Cart widget