Cart
Last updated
Last updated
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".
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/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.
Here you can enable or disable the "Show vendor" option to display a brand of products added to the cart.
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/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.
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.
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.
Add this block in order to show the subtotal price of products.
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:
