Динамический план подписки в ZeroBlock на сайте на Тильда

<style>
a[href$="old"] {
    text-decoration: line-through !important;
}
a[href$="old"] , a[href$="cur"] , a[href="#boxes"] , a[href="#colont"] , a[href="#emonth"], a[href="#textyear"] , a[href="#txtP"] {
    pointer-events:none;
}

    a.tn-atom[href^="#"] , .type{
        transition: all 0.4s linear;
    }
.nopac{
    opacity:1 !important;
}   
.acttype{
    color: #000 !important; /*цвет текста активной кнопки Год/Месяц*/
    background-color: #fcb42f !important; /*цвет активной кнопки Год/Месяц*/
}
.t-range__value-txt , .t-range__interval-txt {
    display: none !important;
}

.form-calcy .t-input-group_fr {
    display: none;
}


</style>
<script>
$( document ).ready(function() {

var boxes = $('a[href="#boxes"]');
$('a[href="#colont"]').addClass('colont');
$('.colont:eq(1)').addClass('nopac');

$('a[href="#monthcur"]').addClass('monthY');
$('a[href^="#emonth"]').addClass('monthM');
$('a[href="#emonth"]').addClass('monthMn').hide();
$('a[href="#emonthold"]').addClass('monthMo');
$('a[href="#yearcur"]').addClass('yearY');
$('a[href="#yearold"]').addClass('yearM');
$('a[href="#textyear"]').addClass('textyear');
$('a[href="#txtP"]').addClass('txtP');

$('a[href="#type"]').addClass('type');
$('.type:last').addClass('acttype');  // замени last на first, если надо, чтобы изначально показывалась цена за месяц, а не за год.

$('.type').click(function(e){e.preventDefault();
    if(!$(this).hasClass('acttype')) {
    $('.type').removeClass('acttype');
    $(this).addClass('acttype');
    $('.monthMn , .monthY , .monthMo , .yearY , .yearM , .textyear ').toggle();
    };  
});

function explode(){
    var num =   $('.t-range__value-txt').html();
    
    function col(){
        if (num>80){$('.colont').removeClass('nopac'); //num>80 - выставьте свое значение, больше которого динамическая кнопка будет меняться
        $('.colont:eq(0)').addClass('nopac');
        $('.txtP').html('<p>Contact us</p>') //Текст динамической кнопки, если план слишком дорогой
        }else{
        $('.txtP').html('<p>Get started free</p>') //Текст динамической кнопки
        };

        if (num>20&&num<=44){$('.colont').removeClass('nopac');$('.colont:eq(1)').addClass('nopac');};
        if (num>44&&num<=70){$('.colont').removeClass('nopac');$('.colont:eq(2)').addClass('nopac');};
        if (num>70){$('.colont').removeClass('nopac');$('.colont:eq(3)').addClass('nopac');};

};col();
    
    if (num<=20){   //свое значение ползунка range slider до которого будет действовать 1 план
        boxes.html(100);
        $('.monthY').html('€50 / mo'); //меняем цену за год на свою при 1 плане
        $('.monthM').html('€60 / mo'); //меняем цену за месяц на свою при 1 плане
        $('.yearY').html('');
        $('.yearM').html('');
    };
    //Малый
    if (num>20 && num<=40){  //свое значение ползунка range slider от и до которого будет действовать 2 план. И так далее.
        boxes.html('1 000');
        $('.monthY').html('€150 / mo'); //меняем цену за год на свою при 2 плане
        $('.monthM').html('€180 / mo'); //меняем цену за месяц на свою при 2 плане. И так далее
        $('.yearY').html('');
        $('.yearM').html('');
    };
    if (num>40 && num<=60){
        boxes.html('2 000');
        $('.monthY').html('€250 / mo');
        $('.monthM').html('€310 / mo');
        $('.yearY').html('');
        $('.yearM').html('');
    }; 
    if (num>60 && num<=80){
        boxes.html('4 000');
        $('.monthY').html('€450 / mo');
        $('.monthM').html('€550 / mo');
        $('.yearY').html('');
        $('.yearM').html('');
    };
    if (num>80){   // Если надо больше позиций изменения цены - напиши мне в ТГ @breeze_tilda
        boxes.html('7 000');
        $('.monthY').html('—');
        $('.monthM').html('—');
        $('.yearY').html('—');
        $('.yearM').html('—');
    };
};
$(".tn-atom__form").on('DOMSubtreeModified', ".t-calc", function() {
explode();  
});

setTimeout(explode, 2500);

$( window ).resize(function() {
    setTimeout(explode, 3000);
});
});
</script>