Cart Settings
The Cart settings allow you to customize how the shopping cart appears and functions across your store. You can control the cart layout, upsell products, shipping bar, gift wrap options, checkout settings, and more.
How to Access
Go to Admin → Online Store → Themes
- Click Customize on your active theme
- Open Theme Settings
- Select Cart
Cart Layout
Cart Icon
Choose the cart icon style displayed in the header.
Available Options
- Bag
- Basket
- Cart
Cart Type
Choose how customers interact with the cart.
Available Options
Drawer
Opens the cart inside a slide-out panel without leaving the current page.
Page
Redirects customers to a dedicated cart page.
Color Scheme
Select the color scheme used for the cart section.
Example:
- Scheme 3
Gift Wrap
Allow customers to add gift wrapping to their order directly from the cart.
Enable Gift Wrap
When enabled, customers can add a predefined gift wrap product.
Settings
- Product
Select the gift wrap product. - Text
Customize the label shown to customers.
Example:
- “Add a gift wrap”
Cart Note
Enable Cart Note
Allows customers to leave special instructions or notes with their order.
Examples:
- Delivery instructions
- Gift messages
- Order preferences
Color Scheme
Customize the cart note section appearance.
Example:
- Scheme 1
Estimate Shipping
Enable Estimate Shipping
Allows customers to estimate shipping rates before checkout.
Features
- Shipping country selector
- Postal code input
- Estimated shipping cost display
Color Scheme
Customize the appearance of the shipping estimator.
Example:
- Scheme 1
Shipping Bar
Display a progress bar encouraging customers to reach a free shipping threshold.
Enable Shipping Bar
Shows a dynamic progress indicator inside the cart.
Threshold
Set the minimum order amount required for free shipping.
Example:
40
The amount uses your store currency automatically and supports currency conversion for international customers.
Progress Text
Displayed before the customer reaches the threshold.
Example:
- “You are [amount] away from Free Shipping”
Use:
[amount]
to automatically display the remaining amount.
Success Text
Displayed once the customer qualifies for free shipping.
Example:
- “Congratulations! You’re eligible for free shipping!”
Empty Text
Displayed when the cart is empty.
Example:
- “Free shipping available for orders above $100!”
Use:
[amount]
to display the configured threshold automatically.
Color Scheme
Customize the shipping bar colors.
Example:
- Scheme 1
Upsell Products
Recommend additional products inside the cart to increase average order value.
Enable Upsell Products
Displays suggested products when the cart contains items.
Title
Customize the upsell section title.
Example:
- “You may also like”
Products
Select products manually for recommendations.
Example Products:
- Wide-leg cropped pants
- Sleeveless denim jumpsuit
- Ruffled floral mini skirt
Use Recommendations API
When enabled, Shopify’s Recommendations API and Search & Discovery app automatically generate product suggestions.
Manual selections may be overridden.
Product Card Settings
Image Ratio
Controls the size and aspect ratio of product images.
Example:
- Large
Enable Quick Add
Allows customers to add products directly from the cart upsell section.
Button Style
Available options:
- Primary
- Secondary
Button Type
Available options:
- With icon & text
Slider Settings
Control the behavior of the upsell product slider.
Available Settings
- Auto-rotate slides
- Change slides every X seconds
- Enable loop
- Enable pagination
- Enable navigation
Navigation Color
Customize slider navigation colors.
Example:
- Scheme 3
Empty Cart Upsell
Display recommended products when the cart is empty.
Title
Customize the empty cart recommendation heading.
Example:
- “Suggestions”
Products
Select products to display for empty carts.
Empty Upsell Products URL
Choose a fallback collection or page link.
Example:
- All Products
Product Card Settings
Image Ratio
Example:
- Large
Enable Quick Add
Allows customers to add products directly from the empty cart section.
Button Style
Options:
- Primary
- Secondary
Button Type
Options:
- With icon & text
Product Card Color
Example:
- Scheme 3
Empty Cart Content
Customize the appearance and messaging shown when the cart has no products.
Empty Cart Title
Example:
- “Nothing here yet…”
Empty Cart Text
Example:
- “Secure your must-have outfits by adding them to your cart before they sell out!”
Free Shipping Offer Text
Example:
- “Free shipping on orders over $100!”
Continue Shopping Button Type
Choose how the continue shopping button behaves.
Available Option
- Standard link
Continue Shopping Link
Select the page or collection customers are redirected to.
Example:
- All Products
Empty Cart Footer
Customize the footer color scheme shown in the empty cart section.
Example:
- Scheme 1
Cart Page Additional Settings
Additional checkout and payment-related options for the cart.
Show Additional Checkout Buttons
Displays accelerated checkout buttons such as:
- Shop Pay
- Apple Pay
- Google Pay
- PayPal
Note:
Third-party apps may disable these buttons.
Enable Cart Button
Displays the cart button inside the side cart drawer.
Show Terms
Displays a checkbox requiring customers to accept terms and conditions before checkout.
Important:
Your Terms & Conditions page must be configured in Shopify Policies.
Show Payment Icons
Displays accepted payment method icons in the cart.
Examples:
- Visa
- Mastercard
- PayPal
- American Express