В этом видео я показываю и рассказываю как можно создать не стандартный PopUp (всплывающее окно) На Tilda в зеро блоке.

Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь

Как создать popup окно из ZeroBlock для Tilda

<style>
  .shirina{
    background:none !important; right: 0 !important;left: 0 !important;}  
  .parpadding{padding:0 !important;}
  </style>
<script>
    var ZeroPopID = '#rec135856617';//ID Zero
    var PopWindID = '#rec135856819';//ID PopUp окна BF503
  $( document ).ready(function() {
   $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID)).parent(".t-popup").addClass("parpadding");
 $(ZeroPopID).delegate(".t-submit", "click", function(){
     setTimeout(function(){if($(ZeroPopID+" .t-form").hasClass("js-send-form-success")){
     $(PopWindID + " .t-popup__close").trigger( "click" );};}, 1000);});   });  
</script>
Скрипт для 2 и более попапов
Желательная очерёдность
BF 503
Zero
Код
Следующий так же.
<style>
  .shirina{
    background:none !important;
    right: 0 !important;
    left: 0 !important;
  }  
  .parpadding{
      padding:0 !important;
  }
</style>
<script>
    var ZeroPopID = '#rec113410391';  //Прописываем ID Zero
    var PopWindID = '#rec113410361';  //Прописываем ID PopUp окна BF503
   //Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
   $(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
   $(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding")
</script>
Скрипт для закрытия попапа после отправки формы
<!-- Закрытие ZeroPopupa при отправке формы из Zero  -->
 
<style>
  .t-form-success-popup { z-index: 99999999 !important;}
</style>
<script>
$(document).on("click", ".t-form-success-popup", function(event){
    $(".t-popup__close")[0].click();});
</script>
Пример работы Pop-Up
Оставить заявку:
Написать мне:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Все скрипты и инструкции взяты и используются с официального сайта mo-tilda.ru
Другие полезные уроки и статьи
Оставить заявку:
Написать мне в:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Есть вопросы?
Напишите мне
Made on
Tilda