Change the subtotal and checkout button in the cart drawer

Open the Subtotal and Checkout button cards under Footer in the cart editor. Every cart has both, so you can't remove them. You can change their words and look.

Change the subtotal

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Footer, open Subtotal.
4. Set Title. The default is "Subtotal". The code icon adds Items count or Cart total.
5. Set Subtitle, for a line such as a note on taxes.
6. Tick Show compare-at price to show the price before savings, crossed out. It is on by default.
7. Click Save.

The amount is the cart total after Shopify's discounts. Shipping comes later, at checkout.

Change the checkout button

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Footer, open Checkout button.
4. Set Text. The default is "Checkout • {{cart_total}}". The code icon adds Items count or Cart total.
5. Click Change icon. Pick one of nine, such as Arrow right, Lock and Bag, or upload your own. Then click Done.
6. Set the colors and Text size.
7. Set Hover effect: None, Lift, Scale or Shine + lift.
8. Click Save.

How the button works

• It reads the cart fresh, then sends the shopper to Shopify checkout.
• It is disabled while the cart is loading or saving.
• Codes applied in the drawer are already on the cart.

What it can't do

• It can't add a terms checkbox. A developer can block checkout with the onBeforeCheckout hook.
• The drawer doesn't run inside Shopify checkout.

Related

• Add express checkout buttons to the cart drawer
• Show the discount total in the cart drawer
• Cart drawer public API (SectionStoreCart)

Also searched as: checkout button text, checkout button color, change checkout text, subtotal text, subtotal label, taxes note, taxes and shipping at checkout, checkout button icon, lock icon checkout, checkout hover effect, terms checkbox, agree to terms checkbox, price on checkout button, chekout button, sub total