Как сделать своЁ окно успешной отправки формы в зеро блоке?
Успешная отправка
Значения, которые были введены
1. Внутри Зеро-блока собираешь свой pop-up, который будет появляться при успешной отправке формы;

2. Настраиваешь следующие поля в генераторе:
  • «Введите id зеро блока» — Вставляешь id Зеро-блока, в котором находится pop-up;
  • «Введите id блока с формой» — id блока формы, после которого, должно появится окно успешной отправки формы;
  • «Ссылка для кнопки закрытия» —Указываешь ссылку для закрытия pop-up, которая будет привязана ко всем элементам, отвечающим за закрытие;
  • «Затемнение фона» — Выбираешь, если требуется ли затемнение фона;
  • «Z-index» — Указываешь значение повыше (данный параметр отвечает будет ли видно меню над другими элементами)

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

  • На странице может быть один зеро блок и несколько форм. Для этого нужно будет сгенерировать несколько кодов, в каждом указать id одного зеро блока, но разных форм.
  • Если на странице несколько форм, но окно успешной отправки должно быть таким же, для этого нужно будет установить еще один блок NLM056 и выбрать блок второй формы
  • Рекомендуем использовать эту модификацию с формами в Зеро блоке, если Вы используете для стандартного, тогда цвет стандартной плашки успешной отправки советуем сделать однородной с фоном формы, и цвет текста тоже
Як на картинке
<!--NOLIM--><!--NLM056--><!--settings{"zeroBlockId":"#rec893849905","formBlockId":"#rec893848192","closeBtnLink":"#close","darkBackground":"0","bgColor":"#000000","opacity":"50","zIndex":"100005"}settingsend--><!--ts1741862978434ts--> <script> (function(){ $(document).ready(function() { let formInt = setInterval(function() { let myform = document.querySelector('#rec893848192 form'); if (myform) { clearInterval(formInt); let successUrl = myform.getAttribute('data-success-url'); if (successUrl) { myform.setAttribute('data-nolim-success-url', successUrl); myform.removeAttribute('data-success-url'); successUrl = myform.getAttribute('data-success-url'); } if (!successUrl) { var o = "#rec893849905"; $(o).on('click','[href="#close"]',function() { 					const dataRecordType = document.querySelector('#rec893848192').getAttribute("data-record-type"); if (dataRecordType == "702" || dataRecordType == "1093" || dataRecordType == "396") { $('#rec893848192 #form893848192').removeClass('js-send-form-success'); 						document.querySelector('#rec893848192 #form893848192').classList.remove('js-send-form-success'); $('#rec893848192 #form893848192 .js-successbox').hide(); $('#rec893848192 #form893848192 .t-form__inputsbox').removeClass('t702__inputsbox_hidden'); } $('.t-body').removeClass('t-body_success-popup-showed'); $('.t-body').removeClass('t-body_scroll-locked'); $('.t-body').removeClass('nolimPopUp'); $('.t-body').removeClass('t-body_success-popup-showed'); $("#rec893849905").fadeOut(), $("#rec893849905").css("overflow", "hidden"), "yes" == window.tcart_success && location.reload() }), $("#rec893849905" + " .t396__filter").click(function() { $('.t-body').removeClass('t-body_success-popup-showed'); $('.t-body').removeClass('t-body_scroll-locked'); $("#rec893849905").fadeOut(), $('.t-body').removeClass('nolimPopUp'); $('.t-body').removeClass('t-body_success-popup-showed'); $("#rec893849905").css("overflow", "hidden"), "yes" == window.tcart_success && location.reload() }); var funcZeroSuccess = function($form) { $(".t702 .t-popup_show").hide(); $(".t1093 .t-popup_show").hide(); $("#rec893849905").fadeIn(), $('.t-body').addClass('nolimPopUp'); $('.t-body').addClass('t-body_success-popup-showed'); $("#rec893849905").css("overflow", "auto"), "y" === window.lazy && t_lazyload_update(), $("#rec893848192 .t706").hide(), $('.t-form-success-popup').hide(); let unlockScr = setInterval((function(){ if($('.t-body_scroll-locked').length > 0) { clearInterval(unlockScr); window.tildaForm.unlockBodyScroll(); } }),50); $('body').append(` <style id="nolimToCloseSuccess"> .t-form-success-popup { display:none!important; } </style>`); setTimeout(function(){ $('.t-form-success-popup').remove(); $('#nolimToCloseSuccess').remove(); },6000); setTimeout(function() { $('.t-form-success-popup').hide(); $('#rec893848192 .t-popup__close').trigger('click'); $('.nolim_popup_close').click(); }, 100); setTimeout(function() { $('.t-form-success-popup').hide(); $('#rec893848192 .t653 .js-successbox').show(); }, 100); typeof t_slds_updateSlider != "undefined" && t_slds_updateSlider('893849905'); if (document.querySelector("#rec893849905") && document.querySelector("#rec893849905").getAttribute("data-record-type") == "396") { t396_doResize('893849905'); } }; if(typeof window.NolimSuccessFunction893848192 == 'undefined') { window.NolimSuccessFunction893848192 = []; window.NolimSuccessFunction893848192[0] = funcZeroSuccess } else { window.NolimSuccessFunction893848192.push(funcZeroSuccess) }; window.mySuccessFunction893848192 = function ($form) { for (var i = 0; i < window.NolimSuccessFunction893848192.length; i++) { window.NolimSuccessFunction893848192[i]($form) } }; setInterval(function() { var forms = document.querySelectorAll("#rec893848192 .js-form-proccess"); forms.forEach(function(form) { if (form.getAttribute("formSuccess") !== "1") { form.setAttribute("formSuccess","1"); form.removeEventListener('tildaform:aftersuccess', window.mySuccessFunction893848192); form.addEventListener('tildaform:aftersuccess', window.mySuccessFunction893848192); } }); }, 1000); } } }, 50); }); })() </script> <style> #rec893849905 .t396__filter{cursor:pointer} #rec893849905{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100005; overflow: auto;} #rec893848192 .t281__input-wrapper, #rec893848192 .t274__wrapper{ opacity: 1 !important; max-height: unset !important; } #rec893849905 .t396:before{ content: ''; background-color: #00000050; position: fixed; width: 110%; height: 110%; } .nolimPopUp{ height: 100vh; min-height: 100vh; overflow: visible!important; } </style>