Cart page
Overview:
The Cart Settings section allows merchants to customize the cart experience using either a Drawer or Page layout. It supports cart notes, discount functionality, free shipping progress bars, discount milestones, timers, shipping protection, vendor visibility, payment icons, responsive layouts, and color scheme customization. This section helps improve cart engagement and encourages higher order values through free shipping and discount incentives.
Cart Configuration
Cart Type:
| Setting | Description |
|---|---|
| Type | Determines whether the cart appears as a Drawer or a dedicated Cart Page. |
General Cart Settings:
| Setting | Description |
|---|---|
| Enable Cart Notes | Allows customers to add order notes or special instructions during checkout. |
| Enable Discount | Displays a discount code input field inside the cart. |
| Enable Cart Progress Bar | Displays a progress bar for free shipping or discount milestones. |
| Show Vendor | Displays the product vendor name inside cart items. |
Free Shipping Progress Bar:
These settings control the free shipping incentive shown in the cart.
| Setting | Description |
|---|---|
| Free Shipping Bar Text | Defines the message shown before reaching free shipping, such as Buy ||amount|| more to enjoy free shipping. Use ` |
| Minimum Spend for Free Shipping | Defines the minimum order amount required to unlock free shipping. Enter only numeric values (without currency symbols). |
| Free Shipping Success Text | Defines the success message shown when free shipping is unlocked, such as Free shipping unlocked! |
Discount Milestone Settings:
These settings allow merchants to encourage higher spending through discount goals.
| Setting | Description |
|---|---|
| Enable Discount Milestone | Displays a discount milestone progress target in the cart. |
| Discount Milestone Text | Defines promotional text shown for the milestone, such as 20% OFF. |
| Minimum Spend for Discount Milestone | Defines the required cart amount needed to unlock the discount milestone. Enter numeric values only. |
| Discount Success Text | Defines the message displayed after the discount milestone is achieved, such as Discount activated! |
Cart Drawer Settings:
These settings apply when Drawer Cart is enabled.
| Setting | Description |
|---|---|
| Show Payment Icons | Displays accepted payment method icons inside the cart drawer. |
| Enable Cart Timer | Displays a countdown timer to create urgency for checkout completion. |
| Timer Duration (Minutes) | Controls the countdown duration in minutes. |
| Timer Text | Defines the timer message such as Cart Reserved for ||timer|| Minutes!. Use ` |
Shipping Protection Settings:
These settings allow merchants to offer optional shipping protection products.
| Setting | Description |
|---|---|
| Enable Shipping Protection | Displays an optional shipping protection add-on inside the cart. |
| Shipping Protection Product | Selects the Shopify product used for shipping protection. |
| Shipping Protection Title | Defines the title displayed for the shipping protection option. |
| Shipping Protection Description | Displays supporting text explaining shipping protection benefits, such as damage, loss, or theft coverage during shipping. |
Color Scheme:
| Setting | Description |
|---|---|
| Color Scheme | Applies a predefined color palette to the cart drawer and cart components for consistent styling. |