Сайты
Чат-боты
Приложения
Tilda
на Tilda

Крестик внутри popup

Как сделать интерактивную карту на Tilda

По умолчанию на Tilda на компьютерах крестик закрытия расположен снаружи попапа, над окном. На телефонах он и так внутри — там всё правильно.
Это стандартное поведение платформы, но его можно изменить для больших экранов.
Важно: скрипт сработает на всех попапах на странице, где он добавлен.

Как добавить код:

Вариант 1 — на одну страницу
  1. Откройте нужную страницу в редакторе Tilda
  2. Добавьте блок Т123 (HTML-код)
  3. Вставьте в него скрипт (см. ниже)
  4. Сохраните страницу

Вариант 2 — на весь сайт сразу
  1. Зайдите в Настройки сайта → Экспорт кода
  2. Найдите раздел «Код внутри тега <head>»
  3. Вставьте туда скрипт
  4. Сохраните настройки

Настройка: если вам нужно изменить разрешение, при котором срабатывает скрипт — замените 640 в коде на нужное вам значение (например, 768 или 1024).
<script>
//перемещаем крестик внутрь поп-апа для экранов больше 640px
$(document).ready(function() {
if ( $(window).width() > 640 ) {
$('.t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
}
});
</script>