Skip to main content

Cart template

The Cart template controls the layout and content of the cart page. It displays the products a customer has added to their cart, along with quantities, prices, and a checkout button.

info

The Cart template is only accessible by updating the page url to /cart unless the quick cart is disabled.

If the Quick cart is disabled a user can access the cart template via the cart button in the header.

Cart section

Cart section shown in the Shopify editor

SettingDescription
Color schemeSelect a predefined color scheme.
Free shipping bar positionChoose where the free shipping message appears in the cart—either above the list of cart items or above the cart total. This helps you place the message where it’s most visible and impactful for your customers.
Section spacing & borderSee shared settings > Section spacing & border. Associated settings below.
Section animationsAnimate section when scrolled into view.

Cart section settings in use


Shared settings

These settings are common to several sections and work the same way wherever they appear. Once you learn how they work in one place, you'll recognize them elsewhere.

Spacing and border

The section Spacing & Border settings allow you to control how much vertical space line between your sections. Mix and match to find what works for you. Show a stylistic border between sections to emphasize the break between content.

SettingDescription
Top spacingHow much spacing applies to the top of this section.
Bottom spacingHow much spacing applies to the bottom of this section.
Show bottom borderShow a stylistic border at the bottom of the section spacing
Visual example.

Showing section height settings in action