Cart
Tip: To edit the page, choose the Cart template in the top drop-down.
The theme includes two static sections that help to change the look and feel of the Cart page: "Items" and "Subtotal".
Items
Content
Here, you can enable or disable the "Show vendor" option to display brands of products added to the cart.
Section 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", "Bottom", or "Both". To hide the dividing line, use the "None" option.
The "Top spacing" option controls the space between the breadcrumbs or Header (if the breadcrumbs are disabled) and the cart title. 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.
Subtotal
Content
Display the input field for customer notes in the section by checking the "Enable cart note" checkbox.
Note! The notes entered into the "Order special instruction" input field will appear in your Shopify admin -> Orders -> Notes.
Section 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", "Bottom", or "Both". To hide the dividing line, use the "None" option.
The "Top spacing" option controls the space between the breadcrumbs or 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.
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 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:
Last updated