В этом видео я показываю и рассказываю как можно создать не стандартный 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

Нажми на меня

Оставить заявку:

Написать мне: