Engine Honda
SKU: 700.954.29
20000
р.
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.
Engine Yamaha
SKU: 700.954.29
25000
р.
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.

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

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

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

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


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