How to show how much more to spend for free shipping [Express Theme]

Technical Q&A
1

I’m working in the express theme, where it comes with a running total of the price of the cart in the Header.

Here’s the stock code for that:

{{ 'layout.cart.cart_price' | t }} {{cart.total_price | money }}

What I’d like to have that do is display $50 - cart.total_price

and also include text on either side, so the end result (given they’ve added $20 worth into the cart, for example) would be something like: Spend $30 for free shipping

Any ideas?

2

@h4ruki
to do what you want, you need to use HTML & Jquery code. if you have not knowledge of that languages then I can do that for you.