The cart page: line items with options and unit prices, quantity controls, cart notes, discounts, the tax note, and accelerated checkout.
Merchant-addable
No — template section
Settings
77
Block types
6
Max blocks
6
File
sections/cart.liquid
Used by default on:
Cart
Screenshots pending
Captures for Cart page at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Automatic.
Setting it up
Set Color and Padding. The rest is driven by Shopify cart data.
Where the content comes from
Shopify cart. Nothing editorial.
Notes and cautions
Changing a quantity refreshes every line, so cart-level totals and discounts stay correct.
Accelerated checkout button styling is controlled by Shopify and cannot be modified.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings
match the editor's own grouping.
Content
EyebrowText
ID
eyebrow
Default
Your selection
HeadingRich text (inline)
ID
heading
Default
Your daily <em>ritual.</em>
Heading alignmentDropdown
ID
heading_alignment
Default
Left
Leftleft
Middlecenter
Rightright
Desktop heading sizeDropdown
ID
heading_size_desktop
Default
Large
Smallsmall
Mediummedium
Largelarge
Mobile heading sizeDropdown
ID
heading_size_mobile
Default
Large
Smallsmall
Mediummedium
Largelarge
Continue shopping button labelText
ID
continue_shopping_label
Default
Continue shopping
Cart headingText
ID
bag_heading
Default
Your bag
Cart heading sizeDropdown
ID
bag_heading_size
Default
Medium
Smallsmall
Mediummedium
Largelarge
Show order noteCheckbox
ID
show_note
Default
On
Enable live quantity updatesCheckbox
ID
enable_ajax
Default
On
Ritual sequence
Show ritual sequenceCheckbox
Shows a product label and a five-step timeline in the cart.
ID
show_ritual_sequence
Default
On
The sequence uses the product type by default. To choose a step for a product, add a Cleanse, Treat, Hydrate, Protect, or Finish product tag. You can also use the format Ritual: Cleanse. Product tags take priority over product type.
Empty cart
Empty cart illustrationDropdown
A faint illustration behind the empty cart message. Select None to show the message alone.
ID
empty_illustration
Default
Botanical
Nonenone
Botanicalbotanical
Leafleaf
Dropletsdroplets
Mushroommushroom
Sunsun
Explore skincare linkLink
Uses the empty cart products collection when available, otherwise the catalog.
ID
empty_action_link
Product rows
Quantity control iconsDropdown
ID
quantity_control_icons
Default
Plus and minus
Plus and minusplus_minus
Up and down arrowsarrows
Subscriptions
Show subscription detailsCheckbox
Shows the delivery frequency, billing schedule, and a link back to the product page to change the plan.
ID
show_subscription_details
Default
On
Show subscription savingsCheckbox
Compares the plan price with the one-time price.
ID
show_subscription_savings
Default
On
Shown when
show_subscription_details
Show subscribe prompt on one-time itemsCheckbox
Shows the best recurring plan discount on a product bought one time, with a link to its purchase options.
ID
show_subscription_offer
Default
On
Mobile purchase options styleDropdown
Card keeps the plan details in the cart line on small screens. Icon collapses them behind a marker that opens the same details.
ID
subscription_display
Default
Card
Shown when
show_subscription_details or show_subscription_offer
Cardcard
Iconicon
Color
Color schemeColor scheme
ID
color_scheme
Default
scheme-1
Padding
Top paddingSlider
ID
padding_top
Default
52
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
52
Range
0px to 100px, in steps of 4px
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its
own settings.
Cart samples samplesmax 1
Renders in the cart column, in the order you place it against the gift options block.
Content
HeadingText
ID
heading
Default
Add a sample
DescriptionText
ID
description
Default
Try a travel size alongside your order.
Sample productsproduct_list
Offered as the samples. Each product is added with its first available variant, so use single-variant sample products.
ID
sample_products
Limit
8
Sample collectionCollection
Used when no sample products are selected. The collection supplies its own product order.
ID
sample_collection
Samples to showSlider
ID
samples_to_show
Default
4
Range
2 to 8, in steps of 1
Selection rules
Sample limitSlider
The most samples a customer can keep in the cart at one time.
ID
max_samples
Default
2
Range
1 to 5, in steps of 1
Samples are added as regular products at the price set on each product, and inventory applies. A sample shows as free only when its price is 0.
Appearance
Color schemeColor scheme
ID
color_scheme
Default
scheme-2
Background opacitySlider
Lower this value to reveal the cart background while keeping the block content fully opaque.
ID
background_opacity
Default
100
Range
0% to 100%, in steps of 5%
Gift options gift_optionsmax 1
Renders in the cart column, in the order you place it against the samples block.
Content
HeadingText
ID
heading
Default
Make it a gift
Body textText
ID
description
Default
Add a thoughtful finishing touch before checkout.
Gift wrap productProduct
Leave this empty to offer a gift message only. Choose an active product. The first available variant is used, and product data provides the title, image, price, and availability.
ID
gift_wrap_product
Show gift messageCheckbox
ID
show_gift_message
Default
On
Gift message labelText
ID
gift_message_label
Default
Add a gift message
Shown when
show_gift_message
Gift message placeholderText
ID
gift_message_placeholder
Default
Write a personal note for the recipient.
Shown when
show_gift_message
Appearance
Gift options color schemeColor scheme
ID
color_scheme
Default
scheme-2
Background opacitySlider
Lower this value to reveal the cart background while keeping the block content fully opaque.
ID
background_opacity
Default
100
Range
0% to 100%, in steps of 5%
Order summary order_summarymax 1
Renders in the summary rail, in the order you place it against the payment reassurance block. Removing it keeps the checkout button and totals in the cart.
Content
HeadingText
ID
heading
Default
Order summary
Subtotal labelText
ID
subtotal_label
Default
Subtotal
Shipping labelText
ID
shipping_label
Default
Shipping
Shipping valueText
ID
shipping_value
Default
At checkout
Total labelText
ID
total_label
Default
Estimated total
Taxes and shipping noteText
Used when prices do not include tax. Tax-inclusive stores always show that tax is included.
ID
totals_note
Default
Taxes and shipping calculated at checkout.
Checkout
Checkout button labelText
ID
checkout_label
Default
Check out
Secure checkout textText
ID
secure_checkout_text
Default
Secure checkout
Show accelerated checkoutCheckbox
Shop Pay and other wallet buttons. Branding cannot be changed.
ID
show_accelerated_checkout
Default
On
Guidance
Show guidanceCheckbox
ID
show_support
Default
Off
Guidance headingText
ID
support_heading
Default
A little guidance?
Shown when
show_support
Guidance link labelText
ID
support_label
Default
Contact the skin concierge
Shown when
show_support
Guidance linkLink
Choose your contact or guidance page.
ID
support_link
Shown when
show_support
Appearance
Heading sizeDropdown
ID
heading_size
Default
Medium
Smallsmall
Mediummedium
Largelarge
Order summary color schemeColor scheme
ID
color_scheme
Default
scheme-3
Payment reassurance payment_reassurancemax 1
Renders in the summary rail, in the order you place it against the order summary block.
Content
Show policy linksCheckbox
Links to the store policies published in your Shopify settings.
ID
show_policy_links
Default
Off
Care details care_detailsmax 1
Renders below the cart, in the order you place it against the empty cart products block.
Content
HeadingText
ID
heading
Default
Care, beyond your bag.
DescriptionMulti-line text
ID
description
Default
The details that make a difference.
Shipping
Show shipping detailsCheckbox
ID
show_shipping
Default
On
Shipping iconDropdown
ID
shipping_icon
Default
Package
Shown when
show_shipping
Packagepackage
Trucktruck
Returnreturn
Leafleaf
Shieldshield
Clockclock
Checkcheck
Heartheart
Sparklesparkle
Dropletdroplet
Sunsun
Flaskflask
Moleculemolecule
Layerslayers
Documentdocument
Questionquestion
Rulerruler
Nonenone
Shipping headingText
ID
shipping_heading
Default
Shipping details
Shown when
show_shipping
Shipping textMulti-line text
ID
shipping_text
Default
Explore delivery options and shipping information.
Shown when
show_shipping
Shipping linkLink
Link the shipping details to your shipping policy or an information page.
ID
shipping_link
Shown when
show_shipping
Returns
Show returns detailsCheckbox
ID
show_returns
Default
On
Returns iconDropdown
ID
returns_icon
Default
Return
Shown when
show_returns
Packagepackage
Trucktruck
Returnreturn
Leafleaf
Shieldshield
Clockclock
Checkcheck
Heartheart
Sparklesparkle
Dropletdroplet
Sunsun
Flaskflask
Moleculemolecule
Layerslayers
Documentdocument
Questionquestion
Rulerruler
Nonenone
Returns headingText
ID
returns_heading
Default
Returns policy
Shown when
show_returns
Returns textMulti-line text
ID
returns_text
Default
Read the return window and eligibility details.
Shown when
show_returns
Returns linkLink
Link the returns details to your refund policy or an information page.
ID
returns_link
Shown when
show_returns
Support
Show support detailsCheckbox
ID
show_support
Default
On
Support iconDropdown
ID
support_icon
Default
Leaf
Shown when
show_support
Packagepackage
Trucktruck
Returnreturn
Leafleaf
Shieldshield
Clockclock
Checkcheck
Heartheart
Sparklesparkle
Dropletdroplet
Sunsun
Flaskflask
Moleculemolecule
Layerslayers
Documentdocument
Questionquestion
Rulerruler
Nonenone
Support headingText
ID
support_heading
Default
Contact the skin concierge
Shown when
show_support
Support textMulti-line text
ID
support_text
Default
Get help choosing your everyday essentials.
Shown when
show_support
Support linkLink
Link the support details to your contact page.
ID
support_link
Shown when
show_support
Image
ImageImage
1200 x 900px .jpg recommended. Leave empty to show the details without an image.
ID
image
Image alt textText
Describes the image for screen readers and search engines. 15 words max.
ID
image_alt
Shown when
image is set
Empty cart products empty_cart_productsmax 1
Shows only while the cart is empty, below the cart lines, in the order you place it against the care details block.
Products
Product collectionCollection
Choose the collection that represents the selected focus. The catalog is used when no collection is selected.
ID
empty_collection
HeadingText
Shown above the products suggested when the cart is empty. Leave empty to use the default heading.