Skip to content
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
- Open Online Store > Themes in Shopify admin.
- Click Customize on your Keystone theme.
- In the theme editor, open the Cart drawer section.
- Click Add block and select Progress bar.
- 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'reandaway from free shipping) and update them.