Слайдер из Zero Block
Превращает размеченные элементы Zero Block в свайп-карусель без библиотеки.
ТИЛЬДА УМЕЕТ ЭТО САМА
Галерея в Zero Block есть — отдельный элемент, который сам собирает слайды из загруженных картинок, со стрелками и подписями.
Где это у неё: Элемент data-elem-type="gallery", код — tilda-zero-gallery-1.0.min.js.
Чего в родной версии нет: Она не свайпается: ни touchstart, ни touchmove, ни pointerdown, ни Hammer — в файле ноль вхождений. Свайп есть у слайдера tilda-slds-1.4.min.js (Hammer — 10 вхождений), но он работает по своей разметке .t-slds__item и про группы Zero Block не знает: t396__group в нём не встречается ни разу. И родная галерея рисует свои слайды вместо вёрстки дизайнера, а не листает её.
Как устроен мод
РЕЗУЛЬТАТ
Превращает размеченные элементы Zero Block в свайп-карусель без библиотеки.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 рядом с Zero Block. Секции назначается класс mk-zero-slider. Настройки передаются в MK_MOD_108; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ЖИВОЕ ДЕМО · РАБОТАЕТ ФАЙЛ v1.0
Это изолированный стенд с тем же закреплённым файлом, который копируется в T123. Внешний вид стенда условный — мод меняет только поведение размеченных элементов.
ПАРАМЕТРЫ
<script src="https://modkod.ru/mk/v1.0/mod-108.js" defer></script> <script> window.MK_MOD_108 = { slide: '[data-mk-slide]', gap: 20, loop: true, arrows: true, }; </script>
mk-zero-slider
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-zero-slider в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 рядом с Zero Block. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
2 разбораПохожие задачи
3 модаГалерея с плавным зумом
Отдельный код не нужен: полноэкранный зум и листание уже есть в Тильде.
Бесшовная бегущая строка
Дублирует дорожку до безопасной ширины и паузит движение при наведении.
Проявление текста по скроллу
Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.