Как добавить в калькуляторе минимальную сумму заказа в Tilda
Рассчитайте предварительную стоимость работ и вызовите мастера на бесплатный осмотр объекта в течении двух часов
Минимальная стоимость работ составит 6000 руб.
0
1000
Стоимость: 0 руб.

Как добавить в калькуляторе минимальную сумму заказа в Tilda

1
Добавили на страницу стандартный блок с формой
2
Создали в нёй поле калькулятор
3
Добавили код в блок Другое - Т123
В коде прописали ID блока с формой
И минимальную стоимость
minimalprice = 6000
Библиотека для примера

<style>
/*Скрываем значение калькулятора*/
    .blockcalc .t-calc{display:none;}
/*Задаём цвет итоговой сумме*/    
    span.calc-psevdo , span.t-calc__postfix-text {color: #FF7300;}
</style>
<script>
    $( document ).ready(function() {
//Добавляем класс к ID нашего блока
    $('#rec87796122').addClass('blockcalc');
//Устанавливаем минимальное значение работ    
    var minimalprice = 6000;   
    $('<span class="calc-psevdo">'+minimalprice+'</span>').insertAfter( ".t-calc" );
    $(".blockcalc .t-calc").bind( 'DOMSubtreeModified',function() {
    var  summa = $('.blockcalc .t-calc').html();
    if (summa < minimalprice){ summa = minimalprice};
    $('.calc-psevdo').html(summa);
    setTimeout(function() { $('.blockcalc .t-calc__hiddeninput').val(summa); }, 50);
    });  });    
</script>
Библиотека для примера
Для ZeroBlock

<style>
    .blockcalc .t-calc{display:none;}
</style>
<script>
$( document ).ready(function() {
$('#rec416024154').addClass('blockcalc');
let minimalprice = 6000;   

function createSpanCalc(){
setTimeout(function() {
    $('<span class="calc-psevdo">'+minimalprice+'</span>').insertAfter( ".t-calc" );    
}, 2500);
};
createSpanCalc();

$(".blockcalc").on('DOMSubtreeModified', ".t-calc", function() {        
let  summa = $('.blockcalc .t-calc').html();
if (summa < minimalprice){ summa = minimalprice};
    $('.calc-psevdo').html(summa);
    setTimeout(function() { $('.blockcalc .t-calc__hiddeninput').val(summa); }, 50);
});  

$(window).resize(function() {clearTimeout(window.resizedFinished); window.resizedFinished = setTimeout(function(){ 
    createSpanCalc()
}, 1000);});

});    
</script>
Made on
Tilda