Cart Content
Theme settings: Cart Content.
Cart Content
At a glance
Empty cart content, limited-time messaging, recommendations, cart summary options, and drawer behavior.
Where to find it
- Theme editor path: Online Store → Customize → Theme settings → Cart Content
Screenshot needed
Cart Content in the theme editor
Screenshot of Theme settings → Cart Content. Show the settings panel and the live preview so merchants can match labels to what they see.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Empty cart drawer image | Controls the image setting “Empty cart drawer image”. Upload clear photos for best results. | — | Always |
| Empty cart drawer message | Controls “Empty cart drawer message” on the storefront. Open the theme editor to preview live. | Your cart is currently empty. | Always |
| Empty cart drawer button text | Controls “Empty cart drawer button text” on the storefront. Open the theme editor to preview live. | Continue Shopping | Always |
Product limited timer
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show limited timer in cart drawer | This timer loops continuously while the cart is open. | No | Always |
| Limited timer notice | Controls “Limited timer notice” on the storefront. Open the theme editor to preview live. | 🔥These products are limited, checkout within | Always |
| Limited timer duration | Format: MM:SS (e.g. 06:00 for 6 minutes) | 06:00 | Always |
| Limited timer color | Controls “Limited timer color” on the storefront. Open the theme editor to preview live. | #fe7435 | Always |
Timer typography
| Setting | What it does | Default | Shows when |
|---|
Mobile (up to 639px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer font size | Sets timer font size in pixels for the matching screen size. | 14 | settings.show limited timer is on |
Tablet (640px – 879px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer font size | Sets timer font size in pixels for the matching screen size. | 16 | settings.show limited timer is on |
Desktop (880px+)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer font size | Sets timer font size in pixels for the matching screen size. | 16 | settings.show limited timer is on |
Font weights
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Timer font weight | Sets how bold timer text appears. | 400 | settings.show limited timer is on |
Discount badge
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Sidecart discount badge background | Controls “Sidecart discount badge background” on the storefront. Open the theme editor to preview live. | #ebfff2 | Always |
| Sidecart discount badge text | Controls “Sidecart discount badge text” on the storefront. Open the theme editor to preview live. | #0a7a35 | Always |
Product recommendations
| Setting | What it does | Default | Shows when |
|---|
Dynamic recommendations are based on the items in your cart. They change and improve with time. Learn more
| Show cart recommendations | Turns “Show cart recommendations” on or off on the storefront. | No | Always | | Heading | Leave blank to hide heading | You may also like | settings.show cart recommendations is on | | Number of products to show | Controls “Number of products to show” on the storefront. Open the theme editor to preview live. | 3 | settings.show cart recommendations is on | | Enable quick buy button | Turns “Enable quick buy button” on or off on the storefront. | Yes | settings.show cart recommendations is on | | Fallback collection | Fills the row when Shopify sends no recommendations, or tops up to the product limit. | — | settings.show cart recommendations is on | | Card aspect ratio | Image shape on recommendation cards in the cart drawer. | 4:3 | settings.show cart recommendations is on | | Recommendations position | Above checkout (stays visible) or below the last line item (scrolls with the cart). | Above checkout | settings.show cart recommendations is on |
Free shipping bar
The bar is display-only. Match the amount to free-shipping rates in Settings → Shipping and delivery. If the current Market or currency has no value, the bar is hidden.
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show free shipping progress bar | Display only. Match the threshold to your shipping rates in Admin. | No | Always |
| Free shipping threshold source | The bar is display-only. Match this amount to your shipping rates. | Market metafield (recommended) | settings.show free shipping bar is on |
| Market metafield key | Namespace.key on each Market, number or money in that market’s currency | custom.free_shipping_threshold | settings.show free shipping bar is on and source is Market metafield |
| Thresholds by currency | One ISO currency code per line, e.g. INR:500 or USD:10. Hide the bar if this currency is missing. | INR:500 USD:10 | settings.show free shipping bar is on and source is Theme currency map |
| Hide bar when free shipping is unlocked | Turns “Hide bar when free shipping is unlocked” on or off on the storefront. | No | settings.show free shipping bar is on |
Cart summary
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show separator between cart items | Turns “Show separator between cart items” on or off on the storefront. | Yes | Always |
| Show volume pricing prompt on line items | Shows an add-more prompt when the product has Shopify volume pricing and the cart quantity is below the next price break | Yes | Always |
| Show savings on cart subtotal | Shows total compare-at and discount savings versus the subtotal | Yes | Always |
| Show clear cart button | Turns “Show clear cart button” on or off on the storefront. | Yes | Always |
| Show move to wishlist button | Turns “Show move to wishlist button” on or off on the storefront. | Yes | Always |
| Show order note | Turns “Show order note” on or off on the storefront. | No | Always |
| Order note label | Controls “Order note label” on the storefront. Open the theme editor to preview live. | Leave an order note | settings.show order note is on |
| Expand order note by default | Controls “Expand order note by default” on the storefront. Open the theme editor to preview live. | No | settings.show order note is on |
| Show discount code field | Customers can apply discount codes directly in the side cart | No | Always |
| Discount code label | Controls “Discount code label” on the storefront. Open the theme editor to preview live. | Have a discount code? | settings.show discount code is on |
| Expand discount code by default | Controls “Expand discount code by default” on the storefront. Open the theme editor to preview live. | No | settings.show discount code is on |
| Show cart-level discounts in summary | Turns “Show cart-level discounts in summary” on or off on the storefront. | Yes | Always |
| Show taxes and shipping note | Turns “Show taxes and shipping note” on or off on the storefront. | Yes | Always |
| Taxes and shipping note | Overridden by tax and shipping policy variants when smart adjustment is enabled | Taxes and shipping calculated at checkout | settings.show taxes shipping note is on |
| Adjust taxes and shipping note based on shop settings | Shows tax-included or shipping policy variants when applicable | Yes | settings.show taxes shipping note is on |
Cart behavior & notifications
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Open side cart drawer after cart change | Controls “Open side cart drawer after cart change” on the storefront. Open the theme editor to preview live. | Yes | Always |
| Show cart toast notification | Turns “Show cart toast notification” on or off on the storefront. | No | Always |
| Toast notification position | Controls “Toast notification position” on the storefront. Open the theme editor to preview live. | top-right | settings.show cart toast notification is on |
Setting details
Each control from the tables above, explained simply:
Empty cart drawer image
Controls the image setting “Empty cart drawer image”. Upload clear photos for best results. Default: —.
Empty cart drawer message
Controls “Empty cart drawer message” on the storefront. Open the theme editor to preview live. Default: Your cart is currently empty..
Empty cart drawer button text
Controls “Empty cart drawer button text” on the storefront. Open the theme editor to preview live. Default: Continue Shopping.
Show limited timer in cart drawer
This timer loops continuously while the cart is open. Default: No.
Limited timer notice
Controls “Limited timer notice” on the storefront. Open the theme editor to preview live. Default: 🔥These products are limited, checkout within.
Limited timer duration
Format: MM:SS (e.g. 06:00 for 6 minutes) Default: 06:00.
Limited timer color
Controls “Limited timer color” on the storefront. Open the theme editor to preview live. Default: #fe7435.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 14. This control appears when: settings.show limited timer is on.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 16. This control appears when: settings.show limited timer is on.
Timer font size
Sets timer font size in pixels for the matching screen size. Default: 16. This control appears when: settings.show limited timer is on.
Timer font weight
Sets how bold timer text appears. Default: 400. This control appears when: settings.show limited timer is on.
Sidecart discount badge background
Controls “Sidecart discount badge background” on the storefront. Open the theme editor to preview live. Default: #ebfff2.
Sidecart discount badge text
Controls “Sidecart discount badge text” on the storefront. Open the theme editor to preview live. Default: #0a7a35.
Show cart recommendations
Turns “Show cart recommendations” on or off on the storefront. Default: No.
Heading
Leave blank to hide heading Default: You may also like. This control appears when: settings.show cart recommendations is on.
Number of products to show
Controls “Number of products to show” on the storefront. Open the theme editor to preview live. Default: 3. This control appears when: settings.show cart recommendations is on.
Enable quick buy button
Turns “Enable quick buy button” on or off on the storefront. Default: Yes. This control appears when: settings.show cart recommendations is on.
Fallback collection
Products from this collection appear when Shopify recommendations are missing, or after Shopify products until the Number of products to show limit is reached. Products already in the cart are skipped. This control appears when: settings.show cart recommendations is on.
Card aspect ratio
Sets the image shape on recommendation cards in the side cart (1:1, 4:3, 3:4, or 16:9). Default: 4:3. This control appears when: settings.show cart recommendations is on.
Recommendations position
Above checkout (fixed while scrolling) keeps the product row between the cart lines and the checkout footer. Below last line item (scrolls with cart) places recommendations at the end of the line-item list so they move with the scroll. Default: Above checkout. This control appears when: settings.show cart recommendations is on.
Show free shipping progress bar
Display only. Match the threshold to your shipping rates in Admin. Default: No. Appears in the cart drawer (under the header) and the cart page summary when the cart has items.
Free shipping threshold source
Market metafield (recommended) reads a number or money metafield on the shopper’s current Market. Theme currency map uses the textarea keyed by ISO currency codes (INR, USD), not country codes (IN, US). Default: Market metafield (recommended). This control appears when: settings.show free shipping bar is on.
To use the Market metafield: Settings → Custom data → Markets → add free_shipping_threshold in the custom namespace (number in that market’s currency, for example 500 for ₹500). Set a value on each Market. Leave the theme key as custom.free_shipping_threshold unless you used a different namespace.key.
Market metafield key
Namespace.key on each Market, number or money in that market’s currency. Default: custom.free_shipping_threshold. This control appears when: settings.show free shipping bar is on and source is Market metafield.
Thresholds by currency
One ISO currency code per line, e.g. INR:500 or USD:10. You can also write USD=10. Hide the bar if this currency is missing. Default: INR:500 / USD:10. This control appears when: settings.show free shipping bar is on and source is Theme currency map.
Hide bar when free shipping is unlocked
Turns “Hide bar when free shipping is unlocked” on or off on the storefront. Default: No. When off, the bar stays visible with a success message after the threshold is met. This control appears when: settings.show free shipping bar is on.
Show separator between cart items
Turns “Show separator between cart items” on or off on the storefront. Default: Yes.
Show volume pricing prompt on line items
Shows an add-more prompt when the product has Shopify volume pricing and the cart quantity is below the next price break. Default: Yes. Set volume pricing on the product in Shopify admin. The prompt appears on cart drawer and cart page line items until the shopper reaches the next quantity break.
Show savings on cart subtotal
Shows total compare-at and discount savings versus the subtotal. Default: Yes. Appears under the subtotal in the cart drawer and cart page as “You're saving …” when the cart has sale prices or discounts. Hidden when there is nothing to save.
Show clear cart button
Turns “Show clear cart button” on or off on the storefront. Default: Yes.
Show move to wishlist button
Turns “Show move to wishlist button” on or off on the storefront. Default: Yes.
Show order note
Turns “Show order note” on or off on the storefront. Default: No.
Order note label
Controls “Order note label” on the storefront. Open the theme editor to preview live. Default: Leave an order note. This control appears when: settings.show order note is on.
Expand order note by default
Controls “Expand order note by default” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: settings.show order note is on.
Show discount code field
Customers can apply discount codes directly in the side cart Default: No.
Discount code label
Controls “Discount code label” on the storefront. Open the theme editor to preview live. Default: Have a discount code?. This control appears when: settings.show discount code is on.
Expand discount code by default
Controls “Expand discount code by default” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: settings.show discount code is on.
Show cart-level discounts in summary
Turns “Show cart-level discounts in summary” on or off on the storefront. Default: Yes.
Show taxes and shipping note
Turns “Show taxes and shipping note” on or off on the storefront. Default: Yes.
Taxes and shipping note
Overridden by tax and shipping policy variants when smart adjustment is enabled Default: Taxes and shipping calculated at checkout. This control appears when: settings.show taxes shipping note is on.
Adjust taxes and shipping note based on shop settings
Shows tax-included or shipping policy variants when applicable Default: Yes. This control appears when: settings.show taxes shipping note is on.
Open side cart drawer after cart change
Controls “Open side cart drawer after cart change” on the storefront. Open the theme editor to preview live. Default: Yes.
Show cart toast notification
Turns “Show cart toast notification” on or off on the storefront. Default: No.
Toast notification position
Controls “Toast notification position” on the storefront. Open the theme editor to preview live. Default: top-right. This control appears when: settings.show cart toast notification is on.
Tips
- Changes apply store-wide — check home, product, and collection pages after saving.
- Pair with section-level color schemes for page-specific overrides.
- Read How theme settings work for how globals connect to sections.