Деревянные европоддоны оптом
Цены на деревянные европоддоны в городе
"Городская сырьевая компания"
Расчёт стоимости партии
Размер
Кол-во
20
1000
Доставка по городу
Итоговая стоимость: 0 руб.
Европоддон
7200
р.
Размер
Кол-во
Доставка
When we first checked out our new headphones, we noticed the box said 'improved bass by cool. We had to wonder, is this marketing jargon, or the real thing? But it only took a moment to realize that bass was not kidding.

Как передать данные из формы с калькулятором в корзину через связку блоков BF402N+ST200 в Tilda

Как выполнили данный пример:
1. Создали форму с калькулятором BF402N
2. Добавили значения для калькулятора и присвоили полям имена переменных:
- размер - palsize
- количество - colvo
- доставка - deliveryvar
- сам калькулятор - itogo

3. Добавили на страницу блок ST200
4. Добавили в него 3 параметра размер, кол-во, доставка. Прописали в них первое значение по умолчанию

5. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123

СПИСОК ВСЕХ ВИДЕО
Видеоинструкция данного примера
Видеоинструкция данного примера доступна в архиве
mo-tilda Level UP.
Наглядно показано как создавать подобные вещи и применять их в своих проектах.
Содержание:
1. Создаём калькулятор в форме
2. Настраиваем блок ST200 на получение данных
3. Добавляем больше 3-х параметров в карточку товара
4. Делаем фото нормального размера в корзине

Создаём калькулятор в форме и при нажатии кнопки, от отправляем все данные с параметрами в корзину.
Длительность видео: 30 мин
Подписка к видеоинструкции на платной основе
Фрагмент из видеоинструкции
Get free lesson
Just type your contacts
It's totally free
<style>
/*Скрываем ST200*/
   div[data-record-type="744"]{
        display:none;
   }
</style>
<script>
  $( document ).ready(function() {

//ПРи клике на нашу кнопку
  $('.t700 .t-submit').click(function() {
//Получаем значение Размера
    var palsize = $('select[name="palsize"]').val();
//Получаем значение Количества    
    var colvo = $('input[name="colvo"]').next('.t-range__value-txt').html();
//Получаем значение Способа доставки
    var delivery= $('input[name="deliveryvar"]:checked').val();
//Полчаем сумму калькулятора
    var itogo = $('input[name="itog"]').next('.t-calc__wrapper').children('.t-calc').html();

//ПРисваиваем значения из калькулятора для блока ST200
//Цена
  $('.t744__price-value').html(itogo);
//Размер
  $('.t744 select:eq(0) option:selected').val(palsize);
//Количество
  $('.t744 select:eq(1) option:selected').val(colvo);
//Доставка
  $('.t744 select:eq(2) option:selected').val(delivery);
 
//Отправляем заказ
  setTimeout(function() {  $(".t744__btn")[0].click(); }, 100);
  return false;
});
});
</script>
Click to order
Cart
Total: 
Your Phone
Payment method
Made on
Tilda