Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

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

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

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

document.addEventListener("DOMContentLoaded", function() {
    (function () {
        
        setTimeout(function(){
            //Устанавливаем минимальное значение работ    
            const minimalprice = 6000;   
            
            const span = document.createElement('span');
            span.textContent = minimalprice;
            span.className  = 'calc-psevdo';
    
            const target = document.querySelector('.uc-calc-min .t-calc');
            target.insertAdjacentElement('afterEnd', span);
            
            const hideCalcInput = document.querySelector(".uc-calc-min .t-calc__hiddeninput");
            
            hideCalcInput.addEventListener('change', function(event) {
            
                let  summa =  target.innerHTML;
                if (summa < minimalprice) summa = minimalprice;
                document.querySelector(".uc-calc-min .t-calc__hiddeninput")
                span.textContent = summa;
                
                setTimeout(function() { 
                    hideCalcInput.value = summa;
                }, 50);
                
            });
            
        }, 1500);
        
    })();    
});    
</script>


<style>
/*Скрываем значение калькулятора*/
.uc-calc-min .t-calc{
    display:none;
}
/*Задаём цвет итоговой сумме*/    
span.calc-psevdo , 
span.t-calc__postfix-text {
    color: #FF7300;
}
</style>
Made on
Tilda