In the theme editor: Customize›Theme settings›Cart
Cart
The cart drawer and what happens after a product is added: the vitrine, a card in the middle of the screen, the cart drawer, or nothing.
The card closes by itself after a few seconds you choose, so customers keep shopping without an extra tap.
Settings
Cart drawer
- Open the cart as a drawer from the bag icon
- On or offDefault: OnTurned off: the bag icon goes straight to the cart page.
- Charcoal cart
- On or offDefault: OnThe cart drawer and the cart page in the site charcoal, with cream text and numbers. Off: both use the color chosen below.
- Cart background
- ColorEmpty: the page background. Applies to the cart drawer and the cart page.
- Cart drawer frame thickness
- Slider, 0 to 4 pxDefault: 1 pxA thin frame in the site's charcoal around the cart drawer, tying it to the two dark sections inside. 0 removes it.
- Link to the cart page
- Choice: Under the checkout button, Next to the item count, NoneDefault: Under the checkout buttonA quiet link from the cart drawer to the full cart page. It does not show on the cart page itself.
After a product is added
- What happens after adding to cart
- Choice: The vitrine, A card in the middle of the screen, Open the cart drawer, NothingDefault: The vitrineThe vitrine: a dark stage rises from the bottom with the product in the light, a button to checkout with the cart total, and a way back to shopping. For a product photographed without a background, add a cut-out image (transparent PNG) in the product metafield custom.cutout_image: it floats with no frame. The bag count in the header always updates.
- Main button goes to
- Choice: Checkout, CartDefault: Checkout"Checkout" skips the cart, with a small link to the cart under the buttons. The amount on the button is the whole cart.
- Payment button color
- ColorThe "Continue to payment" button in the cart and in "Added to cart". Empty: light on the dark stage. The text turns white or dark, whichever reads.
- Image frame color in the cart list
- ColorThe one-pixel frame around the photo of the selected product in the list under the stage, and in the "Removed from cart" message. Empty: a soft ink line in the list, white in the message. Products on the stage keep their black frame.
- Seal next to the heading
- On or offDefault: OnA seal with a check pops in after "Added to cart", once the window has risen.
- Seal fill
- ColorDefault: #FFFFFF
- Check and frame
- ColorDefault: #0C0A09
- Seconds until the card closes by itself
- Slider, 3 to 15 sDefault: 6 sA finger on the card, or keyboard focus inside it, pauses the countdown.
- Show the thin countdown line at the bottom of the card
- On or offDefault: On
- Shine on the "View cart" button
- On or offDefault: On
- "Continue shopping" goes back to the list the visitor came from
- On or offDefault: OnTurned off: the button only closes the card.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
