Статьи про Тильду и Zero Block
Разбираем задачи владельца сайта без требования знать JavaScript. Сначала — что можно включить в самой Тильде и как проверить результат. Затем — где штатная функция заканчивается и какая именно модификация нужна, без непроверенных обещаний и кода ради кода.
Не работает
что именно делает код Тильды и почему молчитAutoscale не масштабирует попап Тильды
Как проверить класс t-record_scaled и zoom у попапа Тильды, чем отличается доказанный факт от догадки и почему нельзя добавлять второй scale вслепую.
Почему колбэк формы Тильды получает не то
Тильда может передать в пользовательский колбэк DOM-форму или объект jQuery. Как написать обработчик, который переживёт оба варианта и покажет ошибку.
Как ускорить сайт с Zero Block в Тильде
Количество элементов не равно скорости. Ищем тяжёлые картинки, видео, шрифты, лишние скрипты и долгую работу главного потока по порядку.
Почему мод не работает в автолэйауте Тильды
Как автолэйаут меняет элементы Zero Block, почему координаты top и left больше не помогают и когда секции нужен штатный пересчёт высоты hug.
Не приходят заявки с формы Тильды
Пошаговая проверка цепочки «форма — Тильда — почта, CRM или таблица» без случайной переустановки интеграций и повторных заявок от реальных клиентов.
Плашка Яндекс.Браузера поверх видео в Тильде
Плашку поверх ролика рисует браузер, а не Zero Block. Что проверить в видео, почему z-index не помогает и какой обход безопасен для клиента.
Попап не закрывается после формы в Тильде
Почему нельзя закрывать попап по клику на кнопку формы, какое событие означает успешную отправку в Тильде и как не перекрыть следующий шаг оплаты.
Попап под корзиной: как исправить слои
Как проверить порядок слоёв попапа, корзины и фиксированного меню в Тильде, почему z-index 999999 не всегда помогает и где действительно нужна доработка.
Шрифт в Zero Block меняется не везде
Zero Block и стандартные блоки могут получать гарнитуру из разных правил. Как проверить наследование, удалить ручные назначения и не лечить всё important.
Почему сайт Тильды обрезается на телефоне
Как отличить плавающую высоту экрана, расхождение редактора и публикации и горизонтальный вылет в Тильде, не подбирая случайные 700 пикселей.
Ссылка на попап из T123 не работает
Почему ссылка на попап должна точно совпадать с data-tooltip-hook, чем полный адрес отличается от #popup:имя и что проверить после копирования страницы.
Почему корзина Тильды стала английской
Язык корзины берётся из языка проекта, а не из текста кнопок. Где проверить настройку, почему перевод отдельных подписей не помогает и что делать на двух языках.
Анимация в мобильной версии Тильды не работает
Ниже 1200 пикселей рантайм Тильды снимает класс t-animate — четырьмя разными способами. Что чинится галочкой, а что не чинится ничем.
Ошибки 402, 403 и 429 на Тильде: что делает код
Номера 402 и 403 не названы ни в одном из 53 файлов рантайма Тильды. Повтор идёт по списку кодов, и в каждом из пяти слоёв запросов список свой.
static.tildacdn.com — что это и что оттуда грузится
Это домен, с которого Тильда отдаёт свой код и картинки. Зону выбирает один атрибут в HTML. Карта поддоменов, спасательный код и правило одного повтора.
Autoscale в Тильде и анимация: работает через zoom
Autoscale масштабирует запись свойством zoom, а слова transform в его коде нет ни одного. Что он вставляет на страницу и что это делает с измерениями.
Анимация в зеро блоке Тильды не работает
Зеро блок пишет для каждого элемента правило с id в селекторе. Ваш CSS по классу проигрывает ему всегда — и молча. Разбор специфичности и что делать.
Появление при скролле в Тильде не работает
Плавное появление при скролле не срабатывает, если артборд выше экрана: порог наблюдателя считается от площади самого элемента. Плюс перерисовки Zero Block.
Как менять текст в Тильде и не сломать разметку
В Zero Block «190 лет» лежит вместе с переносом строки, а телефон — ссылкой tel. Запись в textContent уносит и то, и другое, молча. Как менять текст правильно.
Тильда не проверяет длину телефона в форме
Правило phone смотрит на набор символов и мусорные последовательности, но не на длину: «+7 999» проходит проверку и уходит в заявку. Что с этим делать.
В редакторе Тильды работает, на сайте нет
Редактор и опубликованная страница — два разных окружения. Четыре места, где рантайм Тильды ведёт себя по-разному, и как отличать режимы в своём коде.
Как сделать
в Zero Block и там, где готового блока нет СВОЙ РАЗДЕЛ →Доставка по районам в корзине Тильды
Когда достаточно списка районов, как передать цену штатной корзине Тильды и почему определение зоны на карте требует геокодера и отдельного сервиса.
Фото варианта товара в Тильде: что уже есть
Как привязать фотографию к торговой вариации, почему галерея иногда не переключается и когда одной штатной картинки уже недостаточно.
Горизонтальный скролл карточек в Тильде
Для мобильной ленты часто достаточно CSS scroll-snap. Когда нужен sticky-сценарий, зачем показывать следующий край и что проверять пальцем.
Избранное для карточек в Zero Block
Чем локальное избранное отличается от родного ST110, что хранится в localStorage и как добавить сердечко в карточку Zero Block без сервера.
Как сдать сайт на Тильде клиенту: чек-лист
Практический чек-лист для дизайнера: мобильные версии, формы, домен, доступы, аналитика, видео, языки и список модификаций без технического жаргона.
Карточка каталога в Zero Block Тильды
Когда достаточно штатной карточки каталога, как привязать свой шаблон по uid товара и почему копирование текста из готового блока быстро ломается.
Кастомный курсор на Тильде без вреда
Готовый MOD-012 добавляет кольцо с прилипанием. Рассказываем, где курсор уместен, почему он отключается на touch и как проверить доступность.
Хлебные крошки на Тильде без ошибок
Как собрать видимый путь по многостраничному сайту Тильды, когда нужна BreadcrumbList и почему нельзя угадывать категорию товара по адресу или заголовку.
«Нет в наличии» в Тильде: без лишнего кода
Как штатный каталог отключает покупку при нулевом остатке, что проверить у вариантов товара и когда нужна кнопка «Сообщить о поступлении».
Переключатель языка в Тильде без путаницы
Как подготовить пары страниц RU и EN, зачем документу атрибут lang и почему переключатель не заменяет hreflang, переводы и языковые страницы 404.
Переворачивающиеся карточки в Тильде
У карточки две стороны, но три способа управления: мышь, клавиатура и касание. Разбираем структуру, 3D-переход, фокус и reduced motion.
Плавающая кнопка в Тильде без наложений
Почему кнопка мессенджера наезжает на корзину и избранное, что умеет штатная очередь виджетов Тильды и как собрать свои кнопки в независимую очередь.
Поиск по сайту на Тильде: настройка и тест
В Тильде есть внутренний поиск и блоки T838, T985 и ME901. Какие страницы индексируются, сколько ждать обновления и что проверить перед сдачей.
Политика и согласие на сайте Тильды
Страница политики, согласие у формы и cookie-баннер решают разные задачи. Практический чек-лист без универсального юридического шаблона.
Попап из Zero Block: рабочая схема в Тильде
Собираем всплывающее окно через родной попап Тильды и содержимое Zero Block. Где ставить ссылку, как закрывать окно и что проверить на телефоне.
Попап при уходе со страницы в Тильде
Что браузер действительно сообщает при уходе курсора, почему exit intent не работает на телефоне и как не открыть окно поверх корзины или формы.
Прелоадер в Zero Block: когда он нужен
Прелоадер не ускоряет страницу. Разбираем, когда он помогает композиции, как считать реальные ресурсы и почему вечная заставка хуже прыжка контента.
Редирект и переадресация в Тильде
301 для старой страницы, переход после формы и переезд домена решаются по-разному. Как выбрать механизм и не маскировать перенаправление JavaScript-кодом.
Sitemap и robots.txt в Тильде без мифов
Тильда создаёт sitemap.xml и robots.txt сама. Разбираем, где закрывать страницу от индексации, как проверить карту и когда код не поможет.
Слайдер из элементов Zero Block в Тильде
Встроенная галерея Zero Block листает изображения, но не группы текста, кнопок и фигур. Разбираем структуру, свайп, высоту и границы модификации.
Слайдер с видео на Тильде без тяжёлого мода
Для большинства проектов достаточно родного слайдера и обложек: активный ролик запускается по клику, соседние не грузятся заранее. Схема проверки.
Ссылка на блок в Тильде: внутри и между страницами
Внутри страницы работает #rec и свой якорь, между страницами нужен полный путь с хешем. Что ломает прокрутку: меню, фиксированная шапка и поздняя высота.
Свой шрифт в Тильде: загрузка без сюрпризов
Форматы WOFF и WOFF2, девять начертаний, публикация проекта и частые ошибки веса. Инструкция для дизайнера без ручного написания CSS.
Текст по ширине в Zero Block Тильды
Безопасное выравнивание текста по ширине в Zero Block: русские переносы, ограничение на выбранные абзацы и конфликт с автоматической шириной.
Как убрать «Загрузить ещё» в каталоге Тильды
Чем первая порция товаров отличается от строгого лимита, когда кнопку можно убрать без кода и что проверить в каталоге после такой доработки.
Условные поля в форме Тильды без лишнего кода
Условные поля уже есть в Тильде. Разбираем, когда нужен отдельный сценарий, что уезжает в заявку и почему скрывать поле только CSS опасно.
UTM-метки на Тильде: проверка до заявки
Не угадываем по адресу: отправляем тестовую заявку, проверяем пять UTM-полей, переходы между доменами и источник в CRM. Чек-лист для дизайнера.
Видео в Zero Block: автоплей без сюрпризов
Какие настройки видео уже есть в Zero Block, почему автоплей требует выключенного звука и когда нужен отдельный постер вместо белого спиннера.
Выбор периода в форме Тильды
Когда достаточно двух штатных полей даты, зачем диапазону отдельные значения и почему ручной список занятых дней не заменяет систему бронирования.
Выпадающее меню в Zero Block без ловушек
У Тильды есть родные многоуровневые меню, но их код не управляет элементами Zero Block. Когда выбрать готовый блок и что обязано уметь своё меню.
Бегущая строка в Тильде: штатного блока нет
Штатного блока бегущей строки в Тильде нет: ни тега marquee, ни класса. Разбираем рабочий вариант на CSS и место, где у него рвётся шов.
Аккордеон в Тильде: подрезка текста и табы
Слова accordion в рантайме Тильды нет ни разу на 114 файлов. Что есть вместо: подрезка текста и табы T817, и почему в Zero Block аккордеон ломает высоту.
Как вставить код на Тильде: блок T123 и head
Код на Тильде живёт в двух местах: блок T123 на странице и слот в head. Чем они отличаются, что куда кладут и почему порядок блоков не важен.
Карта в Тильде: Яндекс.Карты и класс .t-map
Единственная карта, которую видно в рантайме Тильды целиком, — карта пунктов выдачи. Разбираем её параметры и ошибку, которая путает пункты.
Кликабельный номер телефона на Тильде
Тильда пишет в href то, что напечатали в поле, символ в символ. На живом сайте 21 телефонная ссылка — и у всех пробел после tel:. Что с ним делает браузер.
Табы в Тильде: блок T817 и что он ломает
Табы в Тильде — блок T817 с готовой ARIA-разметкой. И находка в рантайме: из-за одного return адаптивная видимость записей перестаёт работать.
Таймер в Тильде: что в рантайме есть на самом деле
Класс .t-timer зашит в ядро анимации Тильды одной строкой — и она не про отсчёт, а про задержку появления. Разбираем, что это меняет для кнопки.
Чекбокс согласия в форме Тильды
Обязательный чекбокс в Тильде проверяется по имени поля, а в заявку уезжает «Checkbox: yes». Что это значит на практике и что поправить настройками.
Что показать после отправки формы на Тильде
У Тильды для этого есть родной успех-бокс, событие на форме и переменные из полей. В Zero Block и семи блоках половина этого выключена — разбор по коду.
Горизонтальный скролл в Тильде дёргается
Дёргается не из-за слабого устройства: свойство сдвига, чтение сразу после записи и обработчик на каждое событие. Числа замеров и что ставить вместо.
Квиз-калькулятор в Тильде: результат по баллам
Тильда собирает ответы и умеет подставлять их в текст, но баллы не складывает. Где взять сумму, куда её положить и почему подстановка молчит без события change.
Микроразметка на Тильде: что она ставит сама
Сеошник просит FAQPage и Article. Что из этого Тильда ставит сама — посчитано по четырём снятым страницам, — а что придётся дописывать в HTML-код страницы.
Zero Block: элементы в адаптивах и вынос за экран
Ненужный элемент увозят на (5000,5000) — и он остаётся в DOM, качается и читается скринридером. Измерено, что от него остаётся, и чем заменить приём.
Пределы Тильды
что платформа делает сама и где останавливаетсяЧто нельзя сделать в Zero Block без кода
Слайдер из групп, flip-карточки, сложный таймер и связка с корзиной не появляются от композиции. Карта границ и готовых альтернатив Тильды.
Что такое Тильда и для каких сайтов подходит
Тильда — визуальная платформа для сайтов, контента, форм и небольших магазинов. Где она экономит время, а где задачу лучше оценивать как интеграцию.
Что такое Zero Block в Тильде
Zero Block даёт свободную композицию и отдельные адаптивы, но не добавляет готовую механику магазина, меню или форм. Практическая граница выбора.
Доставка и СДЭК в Тильде: где граница
Фиксированная цена и простые условия настраиваются в корзине. Тариф по адресу, пункты выдачи и договор перевозчика требуют серверной интеграции.
Интеграция Тильды и МоегоСклада
Обмен товарами и остатками идёт между сервисами, а не через JavaScript посетителя. Что подготовить дизайнеру и какие сценарии проверить до запуска.
Кастомная корзина на Тильде: безопасная граница
Дизайн и правила заказа можно дополнить, но состав, скидки, доставка и оплата должны остаться в родной корзине. Карта рисков для клиентского проекта.
Кастомный каталог товаров на Тильде
Дизайнерский шаблон можно наполнить данными каталога, но фильтры, варианты, остатки и корзину опасно копировать вручную. Выбираем архитектуру.
Личный кабинет для клиентов на Тильде
Группы доступа, регистрация, заказы и платный доступ уже есть в Тильде. Разбираем границу между кабинетом участника, покупателя и своей системой.
Лимиты каталога Тильды перед запуском
Текущие лимиты зависят от тарифа, а скорость — от блока и выдачи. Как оценить товары, разделы, варианты, импорт и рост магазина до дизайна.
Ограничения промокода в корзине Тильды
Что проверяет сервер Тильды, почему код нельзя честно ограничить одним разом на человека в браузере и какие условия можно добавить перед активацией.
Панель доступности на сайте Тильды
Как сделать панель размера текста, контраста и изображений, почему она не заменяет alt, клавиатуру и аудит доступности и что проверить дизайнеру.
Товар в попапе или на отдельной странице
Попап быстрее ведёт к корзине, отдельная страница лучше объясняет сложный товар. Сравниваем сценарии, SEO и ограничения каталога Тильды.
Доработка сайта на Тильде: десять задач
Доработка сайта на Тильде: десять задач, которые настройками редактора не выражаются. Шесть закрываются готовым бесплатным модом, четыре — работой с сервером.
Перенос сайта с Тильды: что уедет, а что нет
HTML страницы называет 31 файл кода на CDN Тильды — их можно скачать. Но формы, доставка, брошенная корзина и кабинет обращаются к адресам Тильды из кода.
Возможности Тильды: инвентарь по её же файлам
Не список из справки, а инвентарь: 21 скрипт на настоящей странице магазина, 1,04 МБ на разбор и 15 возможностей, которых на странице нет до галочки.
Доступность анимаций на Тильде: reduced-motion
Настройка «меньше движения» есть у части посетителей, а анимация Тильды её не проверяет. Что должен делать сторонний скрипт и что ещё ломает доступность.
Два скрипта в блоках T123: как избежать конфликта
Сниппет с ядром внутри весит 22–36 КБ, и на странице их бывает несколько. Что должно быть в коде, чтобы второй не перетёр первый, и сколько это стоит.
Картинка при наведении на пункт: пределы Тильды
Пошаговая анимация Zero Block умеет hover и список элементов-триггеров. Но на шести пунктах это шесть независимых анимаций без общего состояния.