GoToTheme Docs

Straight-to-the-point how-tos for every Shopify theme.

How to Add a Free Shipping Progress Bar in Shopify Colorblock Theme

A progress bar showing "spend $20 more for free shipping" is one of the most-requested cart features — and Colorblock doesn't include one natively.

Steps

  1. Check Theme settings > Cart — there's no free shipping threshold or progress bar setting there; Colorblock's cart drawer/page only shows line items, subtotal, and a checkout button.
  2. Your actual free shipping threshold is configured separately, under Settings > Shipping and delivery — that controls the real discount logic, but doesn't add any visual bar to the cart.
  3. To show a progress bar, you need either a small custom code addition to the cart drawer template referencing your shipping rate, or a dedicated app built for cart upsells and shipping bars.

Is it worth solving?

If free shipping is a core part of your conversion strategy, this is worth solving properly rather than leaving it invisible — shoppers respond strongly to seeing how close they are to a threshold.

← How to Enable the Cart Drawer in Shopify Colorblock ThemeHow to Add Trust Badges Near the Buy Button in Shopify Colorblock Theme →