Buy buttons
Quantity stepper + Add to cart + Buy it now (BIN) accelerated checkout buttons.
Updated 2026-05-09
The Buy buttons block contains everything related to placing an item in the cart.
Block settings
| Setting | Notes |
|---|---|
| Add to cart text | Custom label (e.g., "Add to bag", "Reserve") — defaults to "Add to Cart" |
| Show quantity stepper | Toggle the +/- input |
| Show accelerated checkout buttons | Shop Pay / Apple Pay / Google Pay / PayPal |
| Show local pickup availability | Renders Shopify's pickup-availability widget when local pickup is enabled in admin |
Sticky add-to-cart
Customize → Product → Show sticky add-to-cart on mobile enables a bottom sticky bar that appears when the customer scrolls past the main ATC. The sticky bar shows the product title, price, and an ATC button.
The sticky button reuses the Add to cart text custom label from the Buy buttons block — change it in one place, both buttons stay in sync.
Out-of-stock state
When the selected variant is unavailable:
- ATC button text → "Sold out"
- Button is disabled
- BIN buttons hidden
- Sticky ATC also disables
Terms & conditions checkbox
Theme settings → Cart → Show terms checkbox + Required. When required and the customer hasn't ticked it:
- The BIN buttons block clicks (warning shown)
- ATC works (Shopify checkout enforces its own validation)
After returning from checkout via browser back, the checkbox state is restored automatically — the BIN buttons re-enable based on the current state, not the page-load state.
Tips
- Custom ATC text matters: "Add to bag" feels boutique, "Add to cart" feels generic, "Reserve" works for limited drops.
- Keep the qty stepper visible — even if most customers buy one, hiding it makes the page feel restrictive on B2B-leaning catalogs.