Cart progress bar and cart progress card

One Stop Volume Discounts has three progress displays. The rewards progress bar in the product-page widget shows how close the customer is to the next tier, free shipping or a free gift. The cart progress card counts the bundle items already in the Shopify cart and shows the next discount in a floating card, while customers keep using the theme’s own variant picker and Add to cart. Cart rewards shows how much more to spend for a free gift, in the cart drawer or at the top of the page.

How One Stop Volume Discounts does it

Cart progress card

A card at the bottom right on desktop, docked full width on phones, with the item count, a bar with “3 items” above each milestone and “10% OFF” below, and a Checkout button.

Tier row and item list

A read-only row of tiers and prices sits where the widget would be, and “View items” lists the bundle items in the cart with their discounted price against the original.

Rewards progress bar

Inside the widget: discount tiers, free shipping and free gifts, above or below the tiers, with reward badges and an optional animation.

Cart rewards

Spend goals with a free gift each. The message shows what is still missing and, once reached, lets the customer add the gift at $0.

Set it up

  1. For the card: choose Create deal, then Cart progress card, and pick the collection.
  2. Write the progress bar title and the next-reward message in Rewards progress bar.
  3. In Layout, decide whether to “Show tier row on the product page”.
  4. Save and activate, then add an item on the storefront: the card appears and counts it.

Step-by-step guides with every setting:

Good to know

  • The cart progress card is for product bundle deals. Without product bundles the option is disabled.
  • The card counts the deal’s items in the cart. It does not show an order total.
  • On phones the card starts collapsed as a small pill that opens on tap.

Questions

Does the cart progress card replace my theme’s Add to cart?

No. Customers use the theme’s own variant picker and Add to cart. The card reads the cart after every add and shows the next discount.

Which plan includes the cart progress card?

Every plan, including Free.

Related