Cart

Tip: To edit the page, choose the Cart template in the top drop-down.

The theme includes two static sections to change the look and feel of the Cart page: "Items" and "Subtotal".

Items

Layout

Use the "Dividing line" drop-down to specify whether to add the line separator on the top or bottom of the "Items" section. If you need to use the line, select its position as "Top" or "Bottom". To hide the dividing line, use the "None" option.

The "Top spacing" option controls the space between the breadcrumbs/Header (if the breadcrumbs are disabled) and the "Items" section. Use the scale from 0 to 100 pixels to set the desired parameter.

Handle the parameters on the "Bottom spacing" scale from 0 to 100 pixels to add or remove the space at the bottom of the "Items" section.

Content

Here you can enable or disable the "Show vendor" option to display a brand of products added to the cart.

Subtotal

Layout

Use the "Dividing line" drop-down to specify whether to add the line separator on the top or bottom of the "Subtotal" section. If you need to use the line, select its position as "Top" or "Bottom". To hide the dividing line, use the "None" option.

The "Top spacing" option controls the space between the breadcrumbs/Header (if the breadcrumbs are disabled) and the "Subtotal" section. Use the scale from 0 to 100 pixels to set the desired parameter.

Handle the parameters on the "Bottom spacing" scale from 0 to 100 pixels to add or remove the space at the bottom of the "Subtotal" section.

Content

To display the input field for customer notes in the section, check the "Enable cart note" checkbox.

Note! The notes entered into the "Order special instruction" input field will appear in your Shopify admin -> Orders -> Notes.

Tip: To edit the "Subtotal" section on the Cart page, press "Add block" and choose the one in Theme Blocks. Each block can be added only once. Drag and drop the block to the desired position in the "Subtotal" section.

Theme Blocks

Subtotal price

Add this block in order to show the subtotal price of products.

Checkout button

If you need to display the checkout button, this block should be added.

Using the option "Show confirmation checkbox" allows adding the terms of use checkbox that should be accepted before proceeding to the checkout page:

In the following examples, you can see how the Cart page might look on desktop and mobile:

Desktop

Mobile