Configure cart drawer progress bar

Use the cart drawer progress bar to show customers how close they are to a cart goal, such as free shipping.

Where to configure it

1. Open Online Store > Themes in Shopify admin.

2. Click Customize on your Keystone theme.

3. In the theme editor, open the Cart drawer section.

4. Click Add block and select Progress bar.

5. Save your changes.

Progress bar settings explained

Setting	What it controls	Example
Threshold	The minimum amount customers need to reach before the bar is complete. Enter a number only (no currency symbol).	Set 100 to show a $100 goal.
Calculation	Which cart amount is used for progress: subtotal or total.	Use Subtotal to compare against the original subtotal amount.
Success message	The message shown when the threshold is reached.	You unlocked free shipping.

Where to edit progress bar text

• Completed message: In the theme editor, open Cart drawer > Progress bar and edit Success message.

• In-progress text: In Shopify admin, open Online Store > Themes > ... > Edit default theme content, then search for the cart bar text strings (for example, You're and away from free shipping) and update them.