Hype Cart

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:

  1. 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.
  2. The total saved, when there is any saving at all.
  3. 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 articles

Still need help?

Start a chat and we'll pick it up right here.