Как разделить итоговое число в калькуляторе на Zero Block ?
Модификация поможет разбить числовое значение калькулятора в форме Zero Block. Разделение происходит по три символа.
Генератор кода
- Инструкция
- Пример
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 и т. д.
tilda — кастомный калькулятор на zero блоке
Основная задача — сделать калькулятор на базе zero блока, без использования конструкторов по типу uclalc.
Было 2 важных вопроса:
1. Как реализовать расчет по условию;
2. Как передать данные о заказе с выбранными параметрами.
Вводные данные
Калькулятор предназначен для расчета стоимости изготовления портретов на холсте. В качестве параметра-условия, был принят размер картины. Необходимо было сделать так, чтобы при выборе того или иного размера, автоматически менялись значения остальных параметров (стоимость дополнительных услуг) в калькуляторе.
Ограничения tilda
- В вычисляемом поле формы возможно использовать только простые математические действия (суммирование, вычитание, деление, умножение);
- Возможности стандартной и step by step анимации не позволяют показывать или скрывать элементы, и создавать действия по триггеру;
Как было сделано
Для каждого размера создан zero блок с формами разного типа:
- формы с выбором дополнительных услуг;
- форма с выбором даты;
- форма с вычисляемым полем;
- форма с вводом контактных данных и кнопкой отправки.
Функционал переключения между размерами реализован как клики по табам в слайдере, т.е. по сути помещаем наши zero блоки в слайдер. За основу был взят кейс https://mo-tilda.ru/slidercopy. Ниже будет приведен мой код.
Вычисляемое поле суммирует все присвоенные значения у выбранных параметров. Для этого, в каждой форме прописываем имя переменной, куда будут передаваться значения выбранных параметров
Сколько знаков после запятой в калькуляторе тильда
Перейдите к редактированию — нажмите «Контент» в левой верхней части блока.
Измените заголовок и описание на вкладке «Шапка блока».
Создайте поле для длины столешницы:
— Добавьте новое поле с типом «Количество(ползунок)».
— Задайте имя переменной — оно будет использовано для расчёта в формуле.
В примере задаем length.
Аналогичным образом добавьте поле с именем переменной width для выбора ширины.
Как сделать квиз-калькулятор в ZeroBlock в Tilda
У каждого вопроса проставили стоимость ответа, как и при работе с калькуляторами. В каждый блок с вопросами добавили ещё одну форму только с одним полем — Калькулятор. Эта форма считает ответы от формы Вопроса в одном и том же блоке. Полю калькулятор задали имя и в формулы прописали значение поля от сопоставляемого вопроса.
step1 || typeobject
step2 || typesquare
step3 || typetype
step4 || typeproject
step5 || typeage
step6 || typesoon
step7 || typepresent
Далее создали блок ответов. Вычисляемые ответы созданы в виде элементов Text, которым по порядку назначены ссылки
#smitog1. #smitog7
Итоговою сумму записали в текстовый элемент со ссылкой #smitog8
В этом же блоке создаём форму с отправкой данных Имя и Телефон.
В этой форме создаём ещё 7 скрытых полей с именами