Ecom Store Pro

How do you add a free shipping bar to the Shopify cart drawer?

Published ·
At a glance
Short answer
Use a cart drawer app or a Liquid snippet — we found no bar setting in Horizon's Theme settings > Cart — and set it to your free shipping minimum.
Dawn and docs
Dawn's Theme Store listing and Shopify's theme settings guide describe no bar setting (October 26, 2026)
App plans
Yuko lists its bar on Free; Amp lists it on paid plans from $29.99/month (App Store, October 26, 2026)
Liquid amounts
cart.total_price is in the shopper's currency subunit, after discounts
Real rule
A rate's minimum or a free shipping discount; the bar only displays the gap

Does Horizon or Dawn have a free shipping bar setting?

On Horizon, Theme settings > Cart sets the cart to open as a page or a drawer, and we found no free shipping bar setting there; Shopify's theme settings guide and Dawn's Theme Store listing describe none either (read October 26, 2026).

In Shopify adminOpen in your store
  1. Online Store
  2. Edit theme
  3. Theme settings
  4. Cart
The Cart section on Horizon 4.3.0: cart type, cart features and the empty-cart link, but no free shipping bar.

Cart still opens as a page? Switch it to a drawer first.

Should you use an app or Liquid code?

Yuko and Amp show the bar inside the slide cart each app adds; a snippet keeps your theme's drawer but means editing theme code. App Store examples as of October 26, 2026, not a full list:

In code, Liquid's cart.total_price is in the currency's subunit, after discounts, in the shopper's local currency, so a threshold typed in your store currency can compare two currencies. Our Liquid guide has the full progress bar snippet.

How do you keep the bar's amount honest?

  1. Set the real rule: on a shipping rate, select Offer free shipping and enter a minimum, as Shopify's shipping rates guide describes. The bar only displays the gap.
  2. Enter that same amount in the app or snippet. If a free shipping discount (code or automatic) sets the threshold, its minimum counts product prices after any discounts it combines with, and never taxes.
  3. Test a cart in a second currency (see how a discount's threshold converts).
In Shopify adminOpen in your store
  1. Settings
  2. Shipping and delivery
About This Article

This page was written by AI. Separate AI agents that did not write it check its figures and claims against official sources and test its links and interactive tools. A human editor sets the site's editorial direction, topics and rules and checks that pages are complete and display correctly, but does not check their facts or edit their text. Details may change — always confirm critical data at shopify.com.

Editorial Policy

Related questions

Online store & themes
How do you turn on the cart drawer in Shopify?

In the theme editor, open Theme settings > Cart and set Cart type (Type on Horizon 4.3.0) to Drawer, if your theme offers it.

October 25, 2026

Marketing & SEO
Can you customize the Shopify gift card page?

Yes — within your theme's own settings, but gift_card.liquid can't be a JSON template, so it has no drag-and-drop sections.

Updated October 6, 2026

Online store & themes
How do you add custom HTML to a Shopify store?

Use the rich text editor's HTML view or Custom Liquid if your theme has it; edit theme code only as a last resort.

Updated October 18, 2026

Stay updated

Get notified about new articles

Subscribe to receive updates when we publish new Shopify guides and insights.