Open Candy Rack > Slide cart in your Shopify admin. The menu on the left is split into four groups: General, Essentials, Offers and Features. The live preview on the right updates as you make changes.
A green dot next to a menu item means it's on (or, for offers, has at least one active offer). A grey dot means it's off.
General
Design
The overall look of your slide cart.
Desktop cart width
Background color, Text color and Error message color
Corner radius
Footer: background color and an optional divider line.
Custom CSS: for anything beyond the built-in settings, like custom fonts. See Slide cart CSS customization.
Layout
Drag and drop blocks to change their order within the Body and the Footer.
Body: Announcement bar, Reward bar, Cart items and Custom block. Cart items, Line item offers and Cart block offers are one group and always move together.
Footer: Total, Custom text, Discounts, Custom block, Terms and conditions and Checkout buttons.
Each block shows whether it's currently On or Off.
Empty cart
What customers see when their cart is empty.
Title and font size
Button action: Stay on page (closes the cart) or Custom link.
Button label
Tip: link the button to your bestsellers collection to keep customers shopping.
Essentials
Top bar
The cart header.
Title: use
{{item_quantity}}to show the number of items, e.g. Cart (2).Font size
Sticky top bar: keeps the header visible while customers scroll.
Cart items
How products in the cart are displayed.
Image ratio and Image width
Product name font size
Variant and price font size
Discounts
Let customers apply a discount code right in the cart. Valid codes update the total instantly.
Collapsible discount field: keeps the field hidden under a small "Discount +" title until clicked.
Title, Input placeholder and Button label
Error message: shown when a code can't be applied.
Font sizes and button colors.
Total
Total title (e.g. Estimated total) and font size.
Show subtotal and discounts: adds a breakdown above the total, with its own title and font size.
Show order discount in preview: shows how discounts will look, right in the admin preview.
Checkout buttons
Primary button
Button action: Go to checkout or Go to cart page.
Button label: use
{{subtotal}}to show the cart value on the button.Font size, background and text colors (default and hover), and an optional border.
Secondary button
An optional second button below the primary one, e.g. "Continue shopping".
Style
Button action: Stay on page (closes the cart), Go to cart page or Custom link.
Button label
Background and text colors (default and hover).
Show border: with border width and colors (default and hover).
Offers
Cart block
A dedicated offers section in the cart, e.g. "Get extras for your product".
Layout: List (stacked) or Carousel (a swipeable row).
Title and optional subtitle
Offer card style: Standard or Card.
Image width, font sizes and button styling.
Line item
Offers shown directly under the cart item they relate to. They're removed automatically if the related product is removed from the cart.
Layout: Checkbox (customers tick the offer to add it) or Button.
Background color, Show image and image width.
Font sizes for badge, product name, and price & description.
Show line item offers in preview
Use Manage offers in either section to jump to the offers using that placement. Learn more in Enable slide cart with upsells.
Features
Announcement bar
A short message at the very top of the cart, for promos or trust messages.
Text (bold, italic, links)
Font size, Background color and Text color
Sticky announcement bar
Reward bar
A progress bar showing how much more customers need to spend to unlock a reward, like free shipping. Thresholds can differ per Shopify market. See the Rewards bar article for full setup.
Custom text
A short line above the checkout button, e.g. "Taxes and shipping calculated at checkout".
Text (up to 100 characters) and Font size
Terms and conditions
Ask for consent before checkout.
Text: your consent message, with a link to your T&Cs.
Required consent: when on, customers must tick a checkbox above the Checkout button before they can continue, and you can set an Error message for when they don't. When off, the text is shown as a simple notice without a checkbox.
Font size
Custom block (body / footer)
Add your own HTML and CSS widgets, like payment logos, countdown timers or an order note field. The body block can be made sticky. See Add a custom block in your slide cart for examples you can copy and paste.
Need help?
Reach us via the in-app chat or at [email protected].