Get free lesson
Just type your contacts
It's totally free

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

Выполнили popUp окно, которое собирает значение заголовка карточки, выводит себе в заголовок и отправляет в заявке с сайта

Пример выполнен из блока карточек TE225 и popUp окна BF502N

Порядок выполнения данного примера
1. Создали и заполнили блок TE225
2. Создали popUp окно из блока BF502N
3. Добавили скрытое поле в форму. Дали ему имя selectposition
4. Добавили код на страницу в блок Другое►TE123
5. В коде заменяем ID на свой popUp
#rec51069361 - ID popUp из примера
#popup:myform - ссылка для вызова popUp

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