PURE LIQUID & THEME CODE
Free Shopify Liquid Code Snippet Generator
Generate clean, lightweight Shopify Liquid code snippets for free shipping bars, sticky add-to-cart bars, and announcement bars without monthly apps.
Snippet Settings
Liquid Code Output
{% comment %} Free Shipping Progress Bar Snippet {% endcomment %}
{% assign free_shipping_threshold = 7500 %}
{% assign cart_total = cart.total_price %}
<div class="custom-shipping-bar p-3 bg-black/40 border border-white/10 rounded-xl my-3">
{% if cart_total >= free_shipping_threshold %}
<p class="text-xs font-bold text-emerald-400 text-center">🎉 You've unlocked FREE SHIPPING!</p>
{% else %}
{% assign remaining = free_shipping_threshold | minus: cart_total %}
<p class="text-xs text-center text-white mb-1.5">
Add <strong>{{ remaining | money }}</strong> more to unlock Free Shipping!
</p>
<div class="w-full bg-white/10 rounded-full h-2 overflow-hidden">
{% assign percent = cart_total | times: 100 | divided_by: free_shipping_threshold %}
<div class="bg-brand-orange h-full transition-all duration-300" style="width: {{ percent }}%;"></div>
</div>
{% endif %}
</div>Need Custom Theme Code Built for Your Store?
Hire Bilal (Goofy Developer) to write bespoke Liquid code and optimize your Dawn theme.