How to alert customers about free shipping threshold?

Store Design
,
3

Hi,

OMG!

It’s simple to make the ‘Free Shipping’ message on your cart.

To add the message to your cart, please follow the steps below.

  1. Go to Online Store (Under Sales channels)

  2. Click … (3 dots next to the Customize)

  3. Click Edit code

  4. Click main-cart-items.liquid (Under Sections)

  5. Find “”

  6. Above the line, add the code below.

{% assign shipping_value = 15000 %}
{% assign cart_total = cart.total_price %}
{% assign shipping_value_left = shipping_value | minus: cart_total %}

  {% if shipping_value_left > 0 %}
      You are {{ shipping_value_left | money }} away from free shipping!  Continue shopping to add more products to your cart and receive free shipping for orders over $150.00 AU
  {% endif %}
  1. Save the main-cart-items.liquid file.

Please change the message to fit your needs.

The above code is set to $150 AU for free shipping (shipping_value = 15000).

If you want to change it to $100.00 AU, please change shipping_value = 10000 and inside of the

(paragraph).

You may change the font size, color, weight from

.free_shipping_notice {
font-size: 1.2em;
font-weight: 600;
color: #ff0000;
line-height: 1.5em;
}

The message will show up as below.

20221216_162725.png
20221216_162725.png1458×772 50.6 KB

Hope it helps.

If you resolve the issue, please click “Like” and “Accept Solution”.

If you have any other questions, please let me know.

Thanks.

12 Likes