How to display correct free shipping message based on currency in Dawn theme?

Store Design
, ,
1

Hello there,

Site: floofhoop.com

Theme: dawn

basically, I have this code (thanks to gtp4) and it works well, but it ignores the currency. As long as it is over 60 no matter if the equivalent in USD is 2.5$ or 65$ it still shows “free shipping”. I will appreciate any sort of help. The second picture value is 883CZK which is like 45$ so it shouldnt show free shipping.

Thank you in advance.

40.png
40.png728×446 19.2 KB

41.png
41.png1572×625 48.6 KB

{% assign shop_currency = shop.currency %}
{% assign cart_total = cart.total_price %}
{% assign free_shipping_usd = 60 %}
{% assign free_shipping_threshold = free_shipping_usd | times: 100 %}
{% assign progress_percent = cart_total | times: 100 | divided_by: free_shipping_threshold %}
{% assign remaining_amount = free_shipping_threshold | minus: cart_total %}
{% assign remaining_amount_money = remaining_amount | money_with_currency %}

{% if progress_percent > 100 %}
    {% assign progress_percent = 100 %}
{% endif %}

{% if cart_total >= free_shipping_threshold %}
    {% assign free_shipping_message = 'FREE SHIPPING is yours ?' %}
{% elsif cart_total < 3000 %}
    {% assign free_shipping_message = 'A bit more  :cat: ' %}
{% else %}
    {% assign free_shipping_message = 'Almost there  :smiling_cat_with_heart_eyes: ' %}
{% endif %}

<div class="progress-container">
    {% if cart_total < free_shipping_threshold %}
        <div class="remaining-amount">You are only {{ remaining_amount_money }} away from FREE SHIPPING!  :package: </div>
    {% endif %}
    <div class="progress">
        <div class="progress-bar" role="progressbar" style="width: {{ progress_percent }}%;" aria-valuenow="{{ progress_percent }}" aria-valuemin="0" aria-valuemax="100">
            <span class="progress-bar-text">{{ free_shipping_message }}</span>
        </div>
    </div>
</div>

<!-- Add a hidden input with the shop currency -->
<input type="hidden" id="shopCurrency" value="{{ shop_currency }}" />

<style>
    .progress-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .remaining-amount, .progress-bar-text {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: center;
    }

    .progress {
        background-color: #f3f3f3;
        border-radius: 50px;
        height: 45px;
        overflow: hidden;
        width: 80%;
    }

    .progress-bar {
        background-color: #A0BF65;
        border-radius: 50px;
        height: 100%;
        position: relative;
        transition: width 0.4s ease-in-out;
    }

    .progress-bar-text {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
</style>

<script src="{{ 'Tomas - Progressive bar.js' | asset_url }}" defer></script>

<input type="hidden" id="exchangeRate" value="{{ Shopify.currency.rate }}" />

sdfsd