Display Conditions & Settings

Since you can create multiple carts (see Carts Overview), the Display Conditions tab scopes each configuration to the right audience, and the Settings tab controls page-level behavior and custom code. Only one cart should have overlapping display conditions active at a time to avoid conflicting configurations on the same storefront.

Device targeting

Choose which devices should see this specific cart: All Devices, Desktop, Mobile, or Tablet. Use this if you're running different cart designs (or different Cart Drawer feature sets) for mobile vs. desktop shoppers.

Targeted Customer

All Customers

Show this cart to every visitor, regardless of login state.

Guest Customers

Show this cart only to customers who are not logged in.

Logged In Customers

Show this cart only to customers who are logged in.

Enable Customer tags

Further restrict to customers carrying a specific customer tag.

Customer location

Restrict by country, using the "Select country" dropdown.

Zoom

Schedule

Turn on Start time and/or End time to run this cart configuration only within a specific window (each with a date and time field), and set Select Timezone so the schedule is evaluated in the correct timezone rather than the visitor's local time. Leave both unchecked to run the cart indefinitely.

Cart Customization

Under the Settings tab, Cart Customization controls page-level cart behavior:

Skip cart page

Skip Shopify's dedicated cart page and show the cart drawer directly on the homepage/storefront instead.

Direct to Cart Page when click on Checkout Button

Turn the checkout button into a "View Cart" button — clicking it redirects the customer to the main Cart Page instead of proceeding straight to checkout.

Zoom

Custom CSS & JavaScript

For anything the built-in editor doesn't cover, use the Custom CSS and Custom JavaScript code boxes to override styling or add custom functionality directly to this cart. Contact support via live chat if you need help writing a specific override.