How to refresh cart page when user change quantity in shopify

Technical Q&A
1

I wanted to display information on top of cart page according to total value in cart or number of item in cart I am working on liquid and created a Script for it just I need to manual refresh it to change according to price / items in cart I am look help to create somethings that can auto refresh page according to change in cart price / item also if there is others way that can help to display information real time with respect to cart price / item

This is code sample

{% if  cart.item_count == 0  %}
        <p>FREE Gift Over <span>SAR 1000</span></p>
    {% endif %}
    
    {% if  cart.item_count > 99 %}
        <p>Congratulations! You've got FREE GIFT</p>
    {% endif %}
    
    {% if  cart.item_count < 8 and  cart.item_count > 0 %}
        <p>Congratulations! Youd12've got FREE GIFT</p>
      {% elsif cart.item_count < 19 and  cart.item_count >= 8 %}
        <p>Congratulations! Yodsuh45d've got FREE GIFT</p>
       
    {% endif %} 
  </div>

Image for better understanding

ryuk900_0-1665464261465.png
ryuk900_0-1665464261465.png1582×649 63.9 KB

The yellow part is where I want information to be

2

You can detect ajax call that updates cart quantity and then refresh the page. If you can share the store link I can have a look and share you the exact JavaScript code.

3

Thakyou for replay and helping me out

here preview link

https://c53zlvp5haoh5w1p-60506800349.shopifypreview.com