Как сделать на Тильде то, чего нет в готовых блоках
Здесь задачи разобраны от простого к сложному: сначала штатная настройка Тильды, затем проверка опубликованной страницы и только потом модификация, если без неё результата действительно нет. У каждого материала указано, на чём проверены выводы и к каким блокам они относятся.
Задачи
43 разборов-
Доставка по районам в корзине Тильды
ПРОВЕРЕНО: родной radio доставки передаёт название и data-delivery-price в window.tcart.delivery, после чего корзина добавляет цену к итогу; сервисы могут перерисовать обёртку, а формы фильтруют пользовательские поля tildadelivery-*
На чём: tcart__processDelivery и tcart__updateDelivery в tilda-cart-1.1.min.js; TILDA-DELIVERY-REFERENCE.md и TILDA-FORMS-REFERENCE.md.
-
Фото варианта товара в Тильде: что уже есть
ПРОВЕРЕНО: выбранная торговая вариация передаёт каталогу своё поле изображения; рантайм ищет совпадающий слайд, меняет позицию галереи и сохраняет картинку в данных выбранного товара
На чём: `t_store_product_updateEdition`, `t_store_product_updateEdition_moveSlider` и `t_store_product_getEditionOptionsArr_getImgValues` в `tilda-catalog-1.1.min.js`.
-
Горизонтальный скролл карточек в Тильде
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Избранное для карточек в Zero Block
ПРОВЕРЕНО: родное избранное хранит объект twishlist в localStorage, принимает товар через twishlist__addProduct, обновляет счётчик и удаляет старые данные по data-maxstoredays; инициализация требует .t1002 блока ST110
На чём: tilda-wishlist-1.0.min.js и техническая граница M20 в plans/how-mods-work.md.
-
Как сдать сайт на Тильде клиенту: чек-лист
ПРОВЕРЕНО: технические пункты чек-листа сверены с тремя разобранными механизмами Тильды: загрузкой видео Zero Block, языком проекта и очередью плавающих виджетов; проверки модов и ссылок повторяют критерии страниц каталога
На чём: `tilda-zero-video-1.0.min.js`, `tilda-scripts-3.0.min.js`, `tilda-widget-positions-1.0.min.js` и спецификации MOD-169–171.
-
Карточка каталога в Zero Block Тильды
ПРОВЕРЕНО: рантайм каталога различает опубликованные и редакторские адреса данных, получает товар по uid и собирает совместимый объект товара для корзины
На чём: t_store_loadProducts, t_store__collectProductDataByElement и endpoint getproduct в tilda-catalog-1.1.min.js.
-
Кастомный курсор на Тильде без вреда
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Хлебные крошки на Тильде без ошибок
ПРОВЕРЕНО: каталог открывает товар через getproduct, меняет историю страницы и сообщает о смене карточки событиями catalog:popupShowed и catalog:popupClosed; устойчивый источник категории для всех типов товарных страниц текущим снимком не доказан
На чём: t_store_openProductPopup, t_store_history_pushState и /api/getproduct/ в tilda-catalog-1.1.min.js; открытый вопрос M18 в plans/how-mods-work.md.
-
«Нет в наличии» в Тильде: без лишнего кода
ПРОВЕРЕНО: при нулевом количестве каталог удаляет прежнее сообщение, печатает словарь «Нет в наличии», отключает кнопки заказа и отправляет отдельное событие; при доступном варианте возвращает кнопку и её исходную подпись
На чём: `t_store_product_triggerSoldOutMsg` и события `tStoreSoldOut`, `tStoreAvailable` в `tilda-catalog-1.1.min.js`.
-
Переключатель языка в Тильде без путаницы
ПРОВЕРЕНО: язык проекта хранится в data-tilda-project-lang и читается рантаймом для системных словарей; это значение не создаёт пары страниц, hreflang и отдельную навигацию между версиями
На чём: `window.browserLang`, `window.tStoreBrowserLang` в `tilda-scripts-3.0.min.js` и `tilda-catalog-1.1.min.js`, исследование A17 в `plans/articles.md`.
-
Переворачивающиеся карточки в Тильде
ПРОВЕРЕНО: в 53 JS-файлах и наборе CSS снятого рантайма отсутствуют rotateY, rotateX и готовая flip-механика
На чём: modkit/stand/vendor/js и vendor/css, полный поиск 29.07.2026.
-
Плавающая кнопка в Тильде без наложений
ПРОВЕРЕНО: родная очередь регистрирует корзину, избранное и поиск, ставит между ними отступ 20 пикселей и принимает сторонний виджет; на стенде он получил третью позицию после корзины и избранного
На чём: `t_posWidget__addWidget`, `t_posWidget__updateStyleWidget` в `tilda-widget-positions-1.0.min.js` и браузерный прогон M25 из `plans/mods.md`.
-
Поиск по сайту на Тильде: настройка и тест
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Политика и согласие на сайте Тильды
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Попап из Zero Block: рабочая схема в Тильде
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Попап при уходе со страницы в Тильде
ПРОВЕРЕНО: родной попап сообщает popupShowed и popupHidden, а полноэкранная корзина — fullscreenCartOpened; произвольное окно при закрытии вкладки через beforeunload браузер не предоставляет
На чём: tilda-popup-1.0.min.js и рантайм корзины Тильды.
-
Прелоадер в Zero Block: когда он нужен
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Редирект и переадресация в Тильде
ПРОВЕРЕНО: редирект после успешной формы использует data-success-url и отдельный отсчёт, а клиентский рантайм не создаёт HTTP-ответ 301
На чём: tilda-forms-1.0.min.js и сетевой уровень опубликованной страницы.
-
Sitemap и robots.txt в Тильде без мифов
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Слайдер из элементов Zero Block в Тильде
ПРОВЕРЕНО: родная Zero Gallery строит слайды из data-field-imgs-value, а общий слайдер использует t-slds__item и сообщает о начале и конце движения
На чём: tilda-zero-gallery-1.0.min.js и tilda-slds-1.4.min.js.
-
Слайдер с видео на Тильде без тяжёлого мода
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Ссылка на блок в Тильде: внутри и между страницами
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Свой шрифт в Тильде: загрузка без сюрпризов
ПРОВЕРЕНО: в сохранённой странице собственный шрифт загружался одним источником без font-display, а неверные font-style браузер нормализовал; swap убрал период невидимого текста в Chromium
На чём: CSS шрифтов сохранённого стенда и браузерный замер Chromium 29.07.2026.
-
Текст по ширине в Zero Block Тильды
ПРОВЕРЕНО: Zero Block хранит режим автоматической ширины в data-field-textfit-value и отдельно пересчитывает размеры шрифта и межстрочный интервал на адаптивах
На чём: t396__fixElementsFontSizes, t396__fixElementsLineHeights и data-field-textfit-value в tilda-zero-1.1.min.js.
-
Как убрать «Загрузить ещё» в каталоге Тильды
ПРОВЕРЕНО: в рантайме каталога отдельно найдены генератор кнопки дозагрузки и её управление видимостью; в архиве вопросов повторяется задача строгого лимита для ST305N, где размер первой порции не заменяет предел
На чём: `t_store_get_loadMoreBtn_html`, `t_store_loadMoreBtn_display` в `tilda-catalog-1.1.min.js` и исследование M11 в `plans/mods.md`.
-
Условные поля в форме Тильды без лишнего кода
ПРОВЕРЕНО: скрытые штатным условием поля исключаются из сериализации формы и сообщают об изменении видимости
На чём: t_formsApi__isConditionalForm, data-hidden-by-condition, события sync-conditionals и displayChanged в рантайме форм.
-
UTM-метки на Тильде: проверка до заявки
ПРОВЕРЕНО: строка проверки у этого разбора не заполнена — читать как рассуждение, а не как замер.
-
Видео в Zero Block: автоплей без сюрпризов
ПРОВЕРЕНО: видео-элемент всегда получает playsInline, а autoplay, mute, loop, скрытые контролы и заполнение рамки берутся из его настроек; до готового кадра без клика Тильда показывает внешний белый спиннер, отдельного poster в файле нет
На чём: `t396_video__createVideoHTML`, `t396_video__lazyLoadProcessHTMLVideo` и `t396_video__setLoaderForHTMLVideo` в `tilda-zero-video-1.0.min.js`.
-
Выбор периода в форме Тильды
ПРОВЕРЕНО: родная форма валидирует одну дату через t_datepicker__readDateFromInput и t_datepicker__isDateValid; программное значение должно записываться через t_formsApi__safeSetValue, который сам сообщает форме об изменении
На чём: рантайм tilda-forms-1.0.min.js и техническая граница M17 в plans/how-mods-work.md.
-
Выпадающее меню в Zero Block без ловушек
ПРОВЕРЕНО: шесть файлов родного меню содержат многоуровневый мобильный сценарий, но не обращаются к t396 или tn-elem Zero Block
На чём: tilda-menu-*.min.js и tilda-menusub-1.1.min.js в сохранённом рантайме.
-
Бегущая строка в Тильде: штатного блока нет
ПРОВЕРЕНО: искал бегущую строку по 114 файлам JS, 37 CSS и 22 сохранённым страницам: `<marquee>` — 0, `t-ticker`/`runline`/`running-line`/`scrolling-text` — 0, `marquee` без префикса `-webkit-` — 0; выписаны все 20 бесконечных CSS-анимаций рантайма с периодами; рукописный тикер снят с трёх живых страниц дословно и посчитан по элементам; правило `transform:none!important` найдено и проверено на вложенность в media-запрос подсчётом скобок
На чём: рантайм Тильды из 114 файлов JS и 37 файлов CSS, плюс 22 сохранённые страницы.
-
Аккордеон в Тильде: подрезка текста и табы
ПРОВЕРЕНО: перепись слова `accordion` по 114 файлам рантайма Тильды — ноль вхождений при контрольном `t396` в 2561 вхождение в тех же файлах; файл `tilda-undercut-1.0.min.js` прочитан целиком, все 5383 байта; 14 вхождений `ql-undercut` в 22 сохранённых страницах, все внутри записи типа 605; список пересчёта высоты выписан из `t_quillUndercut__updateHeight`, и проверено, что `tildaclamp` в `tilda-zero-1.1.min.js` не встречается ни разу; высоты артборда сняты с живой страницы вместе с CSS
На чём: рантайм Тильды из 114 файлов и 22 страницы, снятые с живых сайтов на Тильде.
-
Как вставить код на Тильде: блок T123 и head
ПРОВЕРЕНО: 13 блоков T123 на четырёх страницах живых сайтов — у всех data-record-type="131", записи с типом "123" нет ни одной; обёртка между <!-- T123 --> и вашим кодом на всех 13 — один и тот же фрагмент в 86 символов; у кода в head и у кода в блоке один и тот же маркер Тильды; полезная нагрузка блока от 109 до 15 914 символов. Плюс чтение собранных файлов библиотеки — загрузчик defer, стиль уходит в head, запуск внутри DOMContentLoaded с перепроверками
На чём: четыре страницы, снятые с живых сайтов на Тильде (учебный центр, две с формами и корзиной, одна на Zero Block), и собранные файлы модов из /mk.
-
Карта в Тильде: Яндекс.Карты и класс .t-map
ПРОВЕРЕНО: перепись провайдеров карт по 114 файлам JS: `ymaps` — 18 вхождений и все в модуле доставки, `maps.googleapis`, `google.maps`, `leaflet`, `mapbox`, `openstreetmap` — по 0, `navigator.geolocation` — 0, `loading="lazy"` — 0 при контрольных 75 вхождениях `IntersectionObserver`; `mapAppendScript`, `mapInit` и `mapAddPoints` выписаны из `tilda-delivery-1.0.min.js` целиком при контрольных 878 вхождениях `tcart|delivery`; обработка `.t-map` снята из `tilda-autoscale-1.0.min.js`
На чём: рантайм Тильды из 114 файлов JS и 37 файлов CSS, плюс 22 сохранённые страницы.
-
Кликабельный номер телефона на Тильде
ПРОВЕРЕНО: 21 телефонная ссылка на двух страницах одного живого сайта — у всех в адресе пробел после двоеточия, у почтовой ссылки в том же блоке его нет; четыре разные формы разметки в записях типа 396 и 450; разбор адреса в Chromium (протокол, путь, отсечение пробелов); дерево доступности тех же четырёх форм через протокол отладки; поиск телефонных ссылок по рантайму Тильды — в ядре нет ни одного обращения к ним
На чём: четыре страницы, снятые с живых сайтов на Тильде, её рантайм из 30 файлов и Chromium 151.
-
Табы в Тильде: блок T817 и что он ломает
ПРОВЕРЕНО: разметка блока T817 снята с живой страницы на Тильде целиком, вместе с мобильным `<select>`; посчитано, что из восьми `aria-selected` на странице ни одного со значением `true`; функция адаптивной видимости выписана из `tilda-scripts-3.0.min.js` полностью, с якорем по единственному вхождению `data-connect-with-tab` и контролем `data-screen-max` 3 из 3; перепись события `displayChanged` по 114 файлам рантайма при контрольном `addEventListener` в 1273 вхождения; оба значения `data-popup-rec-ids` в 22 страницах выписаны с тегом-носителем
На чём: рантайм Тильды из 114 файлов и 22 страницы, снятые с живых сайтов на Тильде.
-
Таймер в Тильде: что в рантайме есть на самом деле
ПРОВЕРЕНО: функция `t_animate__assignGroupDelay` выписана из `tilda-animation-2.0.min.js` целиком, вместе с объявлениями всех семи выборок, и по ней пересчитана арифметика задержек; `.t-timer` в этом файле — 1 вхождение при контрольном `t-animate` в 153; развилка типов элементов Zero Block снята из `t396_artboard_build`; отсчёт «товар удалён» выписан из `tilda-cart-1.1.min.js` вместе с его `setInterval`, при контрольном `t706` в 312 вхождений, и сверен с правилом кольца в `tilda-cart-1.0.min.css` (контроль `.t706` — 190)
На чём: рантайм Тильды из 114 файлов JS и 39 файлов CSS, плюс 22 сохранённые страницы.
-
Чекбокс согласия в форме Тильды
ПРОВЕРЕНО: обязательность чекбокса при совпадении имён полей, состав заявки от t_serializeArray, реакция на клик по ссылке внутри label, привязка сообщения об ошибке к полю в дереве доступности
На чём: разметка чекбокса согласия из снятой страницы modkit/stand/form.html и рантайм форм Тильды в Chromium — вызовами window.tildaForm.validate, showErrors и t_serializeArray.
-
Что показать после отправки формы на Тильде
ПРОВЕРЕНО: порядок шагов после успешной отправки в tilda-forms-1.0.min.js: событие tildaform:aftersuccess срабатывает до successEnd, форме добавляется класс js-send-form-success, затем заполняется и показывается .js-successbox инлайновым display block, и только потом вызывается колбэк или переход; новый успех-бокс отключён для квиза и для восьми блоков t396, t447, t651, t653, t706, t708, t945, t1122; в t_forms__handleSuccess колбэк исключает переход; в css класс js-send-form-success прячет только бейдж recaptcha
На чём: 53 файла скриптов Тильды и снятая страница с формой блока t706 в modkit/stand.
-
Горизонтальный скролл в Тильде дёргается
ПРОВЕРЕНО: пересчёты раскладки и стилей у пяти реализаций одного эффекта на одинаковой прокрутке; отмена липкости пятью видами контейнера; собственное переключение overflow у Тильды на
На чём: Chromium, счётчики Performance.getMetrics протокола браузера; рантайм Zero Block из modkit/stand/vendor.
-
Квиз-калькулятор в Тильде: результат по баллам
ПРОВЕРЕНО: что уезжает в заявку при частично отвеченном квизе, доезжает ли скрытое поле с посчитанным баллом, при каких условиях подставляется {{form.Field}} и что печатается на месте неразрешённой переменной
На чём: стенд с рантаймом форм Тильды из modkit/stand/vendor, Chromium — вызовами t_serializeArray, window.tildaForm.validate и t_forms__parseVariables.
-
Микроразметка на Тильде: что она ставит сама
ПРОВЕРЕНО: ноль блоков application/ld+json на четырёх снятых страницах Тильды; 60 разметок ImageObject; один NewsArticle на body образовательной страницы с itemprop description и image и без headline, datePublished и author; 27 карточек товара в магазине без единого itemprop; расхождение http и https в схеме между двумя скриптами Тильды
На чём: снимок четырёх страниц Тильды в modkit/stand и 53 файла её скриптов.
-
Zero Block: элементы в адаптивах и вынос за экран
ПРОВЕРЕНО: 18 элементов Zero Block на снятой странице (12 текст, 4 картинка, 1 кнопка, 1 видео) на двух артбордах и четырёх разрешениях сверх базового; замер элемента, увезённого на (5000,5000): display block, размер 128×196, картинка запрошена, заголовок и ссылка в дереве доступности, фокус на ссылке прокручивает артборд в left 3848 / top 4396 и уносит видимый заголовок на left −3808; display none убирает узел из дерева доступности, но картинку браузер всё равно запрашивает
На чём: снимок страницы Zero Block в modkit/stand и замер в Chromium через протокол браузера.