Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev -->
<script>
(function($) {
function divideNumberByPieces(x, delimiter) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, delimiter || "");
};
function animateNumbers() {
var cLnum = 'a[href="#ticode-result"]';
var numb_start = +$(cLnum).text().replace(/\D+/g,"") || 0;
var numb_end = $('#rec572011559 input[name="result"]').val() || 0;
$({numberValue: numb_start}).animate({numberValue: numb_end}, {
duration: 500,
step: function(val) {
$(cLnum).text('Итого ' + divideNumberByPieces(Math.ceil(val)) + ' руб');
}
});
}
var targetNode = document.querySelector('#rec572011559 .tn-atom__form');
var config = { childList: true, subtree: true };
var observer = new MutationObserver(function(mutationsList, observer) {
mutationsList.forEach(function(mutation) {
if ($(mutation.target).hasClass('t-calc')) {
setTimeout(function() {
animateNumbers();
}, 200);
}
});
});
if (targetNode) {
observer.observe(targetNode, config);
}
})(jQuery);
</script>
<style> #rec572011559 .t-calc { display: none !important; } a[href="#ticode-result"] { cursor: default; }
</style>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery. Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем в Zero Block форму с полем "Calculations field" в названии переменной(variable name) указываем result 2. Создаем текстовый элемент и назначаем ему ссылку #ticode-result Сам текст не важен так как вместо него будет выводиться результат калькулятора. Текст можно кастомизировать и расположить по вашему желанию.
3. Копируем Id Zero Block и вставляем в генератор. При необходимости делаем дополнительные настройки: Символ для разделения - выбираем символ который будет разделять результат. Текст перед числом и Текст в конце числа - можно указать текст перед и после числа. Например валюту.
4. Копируем готовый код и вставляем в HTML блок Т123
Примечание! Если на странице есть несколько калькуляторов, то их нужно расположить в разных Zero Block и сгенерировать несколько кодов. При этом обязательно указать уникальные ссылки для текста. Например для формы 1 указать #ticode-result для формы два - #ticode-result1 и т. д.