Блоки Тильды: что печатает каждый и почему номер не равен типу записи
Это не пересказ справки Тильды, а перепись четырёх страниц, которые собрала сама Тильда: её главной, её образовательного сайта и двух страниц клиентского магазина. Сорок пять блоков, 148 записей, у каждого блока — номер из редактора, значение data-record-type в разметке, семейство своих классов и файл рантайма, который его обслуживает. Главное, что перепись показала: номер блока и тип записи — разные числа, и у 17 блоков из 45 они не совпадают.
Короткий ответ
сорок пять слов
Блок в редакторе подписан номером — T396, T123, T450. В разметке страницы у
него стоит атрибут data-record-type, и это другое число: у T123
там 131, у T107 — 3. Совпадают они у блоков с типом от 270 и расходятся у
всех с типом до 219.
T396 разобран отдельным разделом: зеро блок — из каких десяти типов элементов он собирается, и почему аккордеона среди них нет.
Перепись собрана по четырём сохранённым страницам. Две сделала сама Тильда, две — клиентский сайт на её платформе:
- tilda.cc/ru/ главная Тильды, страница 75717 — её бандл блоков лежит в
рантайме под именем
tilda-blocks-page75717.min.js - tilda.education/en/ её образовательный сайт, страница 145229936 — её бандл блоков лежит в
рантайме под именем
tilda-blocks-page145229936.min.js - smv-shop.ru/contacts клиентский сайт, страница 28337012 — её бандл блоков лежит в
рантайме под именем
tilda-blocks-page28337012.min.js - smv-shop.ru/test1234 его страница магазина, страница 141185516 — её бандл блоков лежит в
рантайме под именем
tilda-blocks-page141185516.min.js
Записей data-record-type в них 153, опознано
148. Пять записей типа 215 не опознаны — ни маркера, ни своего класса, и придумывать им номер
нельзя. Номер блока в 123 записях печатает сама Тильда
комментарием <!-- T396 -->; там, где маркера нет, номер
выведен из семейства классов записи и в таблице помечен.
Контроль замера. На записях с маркером номер по классам сверен с номером из маркера: совпал 121 раз, разошёлся ни разу, у двух записей своих классов нет вовсе. Второй контроль — независимость страниц: T123 и T396 стоят на всех четырёх, и тип записи у них везде один и тот же. Чего контроль не покрывает: у 16 номеров маркера нет, сверять было не с чем.
Это не мелочь оформления. Если искать блок в разметке по номеру из
редактора — селектором [data-record-type="123"] для блока T123, —
не найдётся ничего: там 131. Порог в переписи ровный: у всех
17 блоков с типом не выше 219 номер и тип разные, у всех 28 с типом от
270 — равные. Почему так, из разметки не видно;
факт проверяется одной строкой поиска по вашей же странице.
И отдельная ловушка: у 152 записей из 153 идентификатор
вида id="rec448068572", а у баннера cookie T972 —
id="cookiebanner". Селектор [id^="rec"] его не
найдёт.
| Блок | Тип записи | Что делает | Чем видно | Раз | Рантайм |
|---|---|---|---|---|---|
| T004 | 106 | Подпись «Made on Tilda» в подвале | t004 | 1 | — |
| T015 | 30 | Заголовок с описанием под ним | t015__title, t015__descr | 5 | — |
| T017 | 33 | Заголовок с описанием, заголовок в h2 | t017__title, t017__descr | 1 | — |
| T030 | 43 | Заголовок с описанием, заголовок в h2 MOD-005 | t030__title, t030__descr | 3 | — |
| T046 | 56 | Абзац текста без заголовка | t046__text | 1 | — |
| T050 | 60 | Заголовок с надзаголовком и описанием | t050__uptitle, t050__title, t050__descr | 3 | — |
| T107 | 3 | Плитка картинок с ленивой загрузкой | t107__width, data-original, img×12 | 12 | — |
| T121 * | 4 | Видео с отложенной загрузкой | t121__wrap-video, data-videolazy-* | 1 | blocks-page75717 |
| T123 | 131 | HTML-код: ваша разметка внутри страницы MOD-108 MOD-169 MOD-170 MOD-171 MOD-172 MOD-173 MOD-174 MOD-175 MOD-176 MOD-177 MOD-178 MOD-179 MOD-180 MOD-181 MOD-182 MOD-183 MOD-184 MOD-185 MOD-186 MOD-187 MOD-188 MOD-189 MOD-190 Ссылка на попап из T123 не работаетКак вставить код на Тильде: блок T123 и headДва скрипта в блоках T123: как избежать конфликта | t123 — и больше ни одного своего класса | 13 | — |
| T142 | 191 | Кнопка-ссылка | t142, a×7 | 7 | — |
| T148 | 160 | Обложка с заголовком | t148__title, data-content-cover-* | 2 | — |
| T175 | 193 | Картинка и текст рядом | t175__img, t175__textwrapper | 4 | — |
| T176 | 194 | Две колонки текста | t176__title, t176__descr | 2 | — |
| T177 | 195 | Картинка и текст рядом, другая раскладка | t177__img, t177__text | 2 | — |
| T178 | 196 | Заголовок с описанием, ещё одна раскладка | t178__title, t178__descr | 5 | — |
| T188 | 212 | Строка иконок-ссылок | t188__wrapper, li×14, svg×12 | 2 | — |
| T191 | 219 | Горизонтальная линия-разделитель | t191__line | 2 | — |
| T270 * | 270 | Служебный подвал: скрипты и настройки проекта | footer, script×3, data-tilda-root-zone | 3 | blocks-page141185516 blocks-page145229936 blocks-page28337012 |
| T360 | 360 | Полоса прогресса прокрутки | t360__bar, t360__progress | 1 | — |
| T376 * | 376 | Служебный блок: только скрипт | t376, script×1 | 1 | blocks-page75717 |
| T396 | 396 | Zero Block — свободная раскладка MOD-041 | t396__artboard, t396__carrier, t396__group | 34 | zero-1.1 zero-scale-1.0 zero-video-1.0 |
| T404 | 404 | Сетка карточек со ссылками | t404__col, t404__img, t404__link | 6 | blocks-page145229936 |
| T450 * | 450 | Меню с выезжающей панелью | t450__menu, t450__overlay, t450_opened | 2 | blocks-page141185516 blocks-page28337012 scripts-3.0 |
| T581 * | 581 | Обложка с кнопками | t581__buttons, t581__arrow-icon | 1 | — |
| T605 * | 605 | Слайдер отзывов со стрелками | t605__witharrows, data-slide-bullet-for | 1 | — |
| T657 | 657 | Плашка про cookie, закрывается | t657__btn, t657_closed, data-storage-item | 1 | blocks-page145229936 cc-proxy-utm-1.0 forms-1.0 |
| T670 | 670 | Слайдер картинок | data-slide-direction, button×11 | 2 | blocks-page75717 |
| T688 | 688 | Колонки с картинкой и списком ссылок | t688__col, t688__columns | 3 | blocks-page75717 |
| T702 | 702 | Форма с полями и textarea MOD-072 MOD-172 MOD-173 MOD-181 MOD-182 MOD-188 | label×7, textarea×4, data-field-name | 1 | blocks-page145229936 |
| T706 * | 706 | Корзина: иконка и окно заказа MOD-171 MOD-175 MOD-176 MOD-185 | t706__carticon, t706__cartwin, t706__orderform | 1 | cart-1.1 delivery-1.0 forms-1.0 |
| T776 * | 776 | Каталог товаров | template×4, data-zoomable, «Добавить в корзину» | 1 | blocks-page141185516 |
| T810 | 810 | Служебный блок: только скрипт, ни одного класса | div×2, script×2 | 2 | blocks-page75717 |
| T844 * | 844 | Колонки с картинками и текстом | t844__col, t844__container | 1 | blocks-page75717 |
| T886 | 886 | Плашка про cookie, вариант поменьше | t886__btn, t886_closed, data-storage-item | 1 | blocks-page141185516 blocks-page28337012 |
| T890 * | 890 | Кнопка «наверх» | t890__arrow, button, svg | 1 | blocks-page141185516 blocks-page28337012 |
| T934 * | 934 | Шапка со ссылками «Войти» и «Регистрация» | t934__header, t934__enter, t934__reg | 1 | blocks-page75717 |
| T935 * | 935 | Обложка с двумя картинками и кнопкой | t935__big-cover, t935__small-cover, t935__submit | 1 | blocks-page75717 |
| T944 * | 944 | Кнопка перехода к секции | t944__btn, t944__buttonwrapper | 7 | — |
| T972 | 972 | Баннер cookie с переключателями категорий | t972__categories, t972__toggle-input, 40 своих классов | 1 | — |
| T985 * | 985 | Поиск по сайту | t985__input, data-search-hook, data-search-target | 1 | blocks-page145229936 widget-positions-1.0 |
| T1002 * | 1002 | Список желаний: иконка и окно | t1002__wishlisticon, t1002__wishlistwin | 1 | wishlist-1.0 widget-positions-1.0 blocks-page141185516 |
| T1013 | 1013 | Видео html5 с кнопкой воспроизведения | t1013__html5video, t1013__video-carier | 3 | blocks-page75717 |
| T1035 * | 1035 | Всплывающее видео в углу | t1035__video-play-btn, t1035__thumb-container | 1 | blocks-page75717 |
| T1196 | 1196 | Слайдер карточек | t1196__slider, t1196__item, t1196__controls | 1 | — |
| T1272 | 1272 | Меню с подменю | data-menu, data-menu-submenu-hook, li×24 | 2 | blocks-page145229936 |
Звёздочка — номер выведен из классов записи, маркера у блока Тильда не
печатает. Столбец «Рантайм» — файлы, которые упоминают t плюс
номер блока; прочерк у 22 блоков означает, что ни один файл
рантайма их не называет: вся их работа — разметка и стиль.
Списка всех блоков Тильды. Их в редакторе заметно больше сорока пяти, и подать сорок пять как «все» значило бы соврать в первой строке. Здесь ровно те, что встретились в четырёх снятых страницах, — и это же ограничение объясняет, почему в таблице нет T678 и T754, которые названы в наших модах: на этих четырёх страницах их не оказалось.
Ещё здесь нет описаний из справки Тильды. Столбец «Что делает» выведен из разметки — из классов, тегов и атрибутов записи, — и рядом в столбце «Чем видно» стоит то, по чему вывод сделан. Расходится с тем, как блок называется в редакторе, — считайте, что прав редактор, а таблица говорит, что блок печатает.