Делаем один гибкий popUp для нескольких продуктов в Tilda
Производство
Изделий из металла
Картотеки
Картотечные шкафы отличаются лаконичным дизайном, что делает предметы обстановки стилистически нейтральными и позволяет гармонично ввести их в деловой интерьер.
Тележки из н/с
При заказе тележек от 5 штук, действует дополнительная скидка. Количество полок может быть увеличено или уменьшено по согласованию с покупателем.
Металлокассеты
Детали производятся из оцинкованной и нержавеющей стали, листовой стали с полимерным напылением, алюминия, латуни, меди.

Делаем один гибкий popUp для нескольких продуктов в Tilda

1
Создали и заполнили блок TE225
2
Создали popUp окно из блока BF502N
Добавили скрытое поле в форму. Дали ему имя selectposition
3
Добавили код на страницу в блок Другое►TE123
В коде заменяем ID на свой popUp
#rec51069361 - ID popUp из примера
#popup:myform - ссылка для вызова popUp
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём сетку товаров или услуг и отправляем данные о выборе посетителя в форму обратной связи.
Длительность видео: 27 мин.
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<script type="text/javascript"> 
//Присваиваем переменной ID нужного popUp  
  var popupID = "#rec166030284";
//При клике на определённую карточку со ссылкой ниже
  $("[href='#popup:myform']").click(function() {
    //Ищем родительский элемент выбранной карточки и добавляем класс-метку к нему
    $(this).closest(".t774__col").addClass("selectproduct");
    //Присваиваем значение Title выбранной карточки переменной 
    var prodname =  $(".selectproduct .t-card__title").text();
    var opisanie =  $(".selectproduct .t-card__descr").text(); 
    //Присваиваем полю Title в popUp Форме значение заголовка Title из карточки
    $(popupID + " .t702__title").text(prodname);
    $(popupID + " .t702__descr").text(opisanie);
    //Присваиваем значение Title нашему скрытому полю с именем selectposition
    $("[name='selectposition']").val(prodname);
    //Удаляем класс-метку с карточки
    $(".t774__col").removeClass("selectproduct");
  });
</script>
Made on
Tilda