Cart

Trade buyers often check a cart against a purchase order, add a note for the warehouse, or need to see how close they are to free delivery. Chisel's cart can open as a drawer or as a full page, and it has settings for an order note, a purchase order number and a free delivery line. This guide covers each one.

Before you begin

• Decide whether the cart should open as a drawer over the page, or as its own page.
• Decide your free delivery threshold, in your store currency. Set it to 0 to hide the line.
• Decide whether trade buyers need a purchase order number field.

1. Choose the cart type

1. Open the theme editor. Select Customize on the Chisel theme.
2. Open the theme settings and go to the Cart group.
3. Set Cart type to drawer or page. The default is drawer.
4. Select Save.

With drawer, the header cart link opens the cart in a panel over the page. The cart page still exists at the normal cart address. With page, the header cart link opens the cart page.

2. Read the cart lines

Each line in the cart shows:

• The product image.
• The product title.
• The Code, which is the variant SKU.
• The variant options, such as the color or size.
• The stock line for the variant. See the stock and branches guide.
• The unit price and the line total.
• The quantity stepper and a remove button.
• Any discount applied to the line.

Shoppers can change a quantity in the cart. The line total updates after the change.

3. Turn the order note on or off

The order note lets a shopper add a short instruction, such as a delivery window or a site contact.

1. Open the theme settings and go to the Cart group.
2. Turn Show order note on or off. It is on by default.
3. Select Save.

The note appears in the cart summary with the label Order note. Shopify stores the note with the order.

4. Turn on the purchase order number

Trade buyers often need their own purchase order number on the invoice.

1. Open the theme settings and go to the Trade features group.
2. Turn Show purchase order number field on.
3. Select Save.

The cart summary now has a field labeled Purchase order number. The shopper enters the number before checkout. Shopify saves it with the cart as the attribute PO number, so it appears on the order.

The field is optional. Shoppers who do not need one can leave it blank.

5. Set the free delivery line

The free delivery line is a sentence in the cart summary. It shows how much more the shopper needs to spend, or confirms that the order qualifies.

1. Open the cart page in the theme editor. Select the Cart section.
2. Set Free delivery threshold to the amount in your store currency, such as 150.
3. Repeat the steps for the Cart drawer section if you use the drawer.
4. Save.

The line appears in two cases:

• When the cart total is below the threshold, it says how much more to spend.
• When the cart total reaches the threshold, it says the order qualifies for free delivery.

The line uses the store's main currency. Set the threshold to 0 to hide the line.

The threshold is a number you set in the theme. The theme does not read your shipping rules. Make sure that the threshold matches the free delivery rule you set in the Shopify admin under Settings > Shipping and delivery.

6. Show tax lines in the summary

When Tax display is set to both or switch, the cart summary shows the subtotal ex. tax, the tax amount and the total. When Tax display is set to single, the summary shows only the total.

The tax amounts are calculated with the Tax rate setting. This is for display only. See the volume and trade pricing guide.

7. Set the checkout options

1. Open the cart page in the theme editor. Select the Cart section.
2. Turn Show dynamic checkout buttons on or off. It is on by default.
3. Save.

The checkout button always shows. Dynamic checkout buttons show the payment options that Shopify has enabled, such as wallet payments.

Check your setup

1. Add a product to the cart. Open the cart. Confirm that the line shows the code, stock and total.
2. Change the quantity. Confirm the total changes.
3. Enter a note in Order note. Complete a test order and confirm that the note appears in the order.
4. Turn on the purchase order number field. Enter a test number. Check that it appears on the order under PO number.
5. Set the free delivery threshold to a value above your cart total. Confirm the "spend more" sentence shows. Then raise the cart total above the threshold and confirm the "qualifies" sentence shows.
6. Set Cart type to page. Open the header cart link. Confirm that the cart page opens.

Settings used

• Cart type and Show order note (Cart group).
• Show purchase order number field (Trade features group).
• Free delivery threshold (Cart and Cart drawer sections).
• Show dynamic checkout buttons (Cart section).
• Tax display and Tax rate (Prices group).