Все материалы

Slider, tabs и accordion без ручного T123

Маркерная схема, runtime и проверка после публикации — на одном практическом маршруте.

Маркеры для трёх компонентовКогда создаётся runtimeКак искать ошибку
01

Зачем маркеры

Имя слоя может содержать служебный маркер. Визуальная часть остаётся обычным элементом, а TildEka собирает связи и создаёт скрытый runtime после импорта.

02

Slider

Используйте [c-slide] для слайдов, [l-#prev] и [l-#next] для навигации, [c-dot] для точек, а при необходимости [c-current], [c-total] и [c-scrollbar].

03

Tabs и accordion

Для вкладок свяжите триггер [l-#tab-1] с группами [c-tab-elem] и [c-tab-content]. Для аккордеона используйте [c-accordion] и [c-accordion-content] в одной логической группе.

04

Проверяйте опубликованную страницу

Runtime выполняется на опубликованной странице, поэтому проверка только внутри редактора неполна. Откройте DevTools, убедитесь, что нет ошибок, и проверьте клавиатуру, клики и повторную инициализацию.

  • Все маркеры уникальны внутри компонента
  • Скрытые панели не ловят клики
  • Компонент работает после обновления