free shipping progress bar
animated liquid snippet showing how close the cart is to free shipping. no app required.
// what's inside
- cart subtotal check against configurable threshold
- animated CSS progress bar (no JS required)
- dynamic message: "X away from free shipping" / "You've earned free shipping!"
- CSS custom property for threshold and color
- OS 2.0 compatible — paste into any section or snippet
// use this when
- boosting average order value with a free-shipping incentive
- replacing an app with a native Liquid solution
- adding urgency to the cart drawer or cart page