Summary and checkout button
Updated Sep 10, 20262 min read
Summary shows the discounts and the subtotal; Checkout button is the button that takes the shopper to checkout. They are two separate modules, both on in every new cart, both in the Footer.
Summary
The summary renders, in order:
- Each discount applied, by name, with the amount taken off. Cart-level and line-level discounts are combined and de-duplicated by name, so a discount that touches several lines appears once with the total.
- The total saved, when there is any saving at all.
- The subtotal — the cart total as Shopify reports it, after discounts.
Shipping, taxes and duties are not shown. They are calculated at checkout, where Shopify knows the address.
Three editable strings:
- Discount applied label — default
Discount applied, printed once beside the first discount row. - Savings label — default
You're saving. - Subtotal label — default
Subtotal.
The summary renders nothing while the cart is empty.
Checkout button
The button always renders — it does not disappear on an empty cart — but it is disabled while the cart is empty and while the cart is being updated. Clicking it sends the shopper to your Shopify checkout.
Show cart total on the button is on by default. With it on, the button splits: your label on the left, the cart total on the right. The total is hidden when it is zero, however the switch is set.
Two editable strings:
- Label — default
Checkout - {amount}, where{amount}is the cart total. - Footnote — empty by default. A short line under the button, for something like
Taxes and shipping calculated at checkout.
The - separator in the default label is part of the template, not something the drawer adds. If you retype the label without it, your text runs straight into the amount. With Show cart total on the button off, the {amount} and the separator are dropped for you.
Express payment buttons
The drawer does not render Shop Pay, PayPal or other express checkout buttons. Shoppers reach those on Shopify's checkout page after clicking the checkout button. If you want the logos visible in the drawer as reassurance, use the payment logos module — those are images, not buttons.
Placement
Both modules start in the Footer, summary above the button, which is the order shoppers expect. The footer is pinned, so anything you put there stays visible while the product list scrolls. Keep it light: the footer is capped at half the drawer's height, and 44% on phones, so a crowded footer squeezes out the products.
Translation
Every label above carries a translate button when your store publishes more than one language. See Translating your drawer.
Related
Was this article helpful?
Related articles
Still need help?
Start a chat and we'll pick it up right here.