Закажите обратный звонок

Вы можете позвонить нам по телефону:

+7 (8617) 79 00 05

Написать нам

Ваши данные не будут переданы 3-м лицам!

scalable

Good service for small business

Provide you accurate and live campaign. Scale your infrastructure with our simple service. Perfect for customer support or showing your interactive prototypes.

Трёхкомнатная квартира 94,10 м2

Кухня - столовая: 13,2 м2
Спальня: 16,7 м2
Спальня: 11,3 м2
Спальня: 13,2 м2
Прихожая: 26,9 м2
Санузел: 2,9 м2
Санузел: 1,6 м2
Лоджия: 4,5 м2

В наличии на: 3, 7, 8 этажах

Записаться на просмотр

Дизайн-решение

Как создать авторское popup окно в ZeroBlock с прозрачным фоном и своей кнопкой в Tilda

Создадим весь контент в ZeroBlock, а затем поместим его в popUP окно блока BF503
Пример выполнен для блока BF503 с шириной в 12 колонок
Пример настройки будущего popUp приведён на фото ниже

Ширина рамки в ZeroBlock на 5 экранах:
1 экран - 1160рх
2 экран - 940рх
3 экран - 640рх
4 экран - 480рх
5 экран - 320рх

Код вставляется в блок Другое►Т123

В коде нужно изменить ID:
#rec50548332- ID ZeroBlock
#rec50548160 - ID Блока BF503

<style>
/*Ширина окна на определённом размере экрана*/
@media screen and (max-width: 980px){
.shirina {
    max-width: 640px !important;
}}
/*Ширина окна на определённом размере экрана*/
@media screen and (max-width: 640px){
.shirina {
    max-width: 480px !important;
}}
/*Ширина окна на определённом размере экрана*/
@media screen and (max-width: 480px){
.shirina {
    max-width: 320px !important;
}}
</style>

<script>
     var ZeroPopID = '#rec50548332';  //Прописываем ID Zero
     var PopWindID = '#rec50548160';  //Прописываем ID PopUp окна BF503
    //Очищаем popUp контейнер + Добавляем новый клас в POPup + Делаем прозрачный фон
    $(PopWindID + " " + ".t-popup__container").empty().addClass("shirina").css("background" , "none");
    //Переносим ZeroBlock в POPup
    $(ZeroPopID).appendTo(PopWindID + " " + ".t-popup__container");
</script>