Основная функция модификатора:
Модификатор позволяет вкладывать другие секции страницы в табы этой секции.
Самостоятельно эти секции отображаться уже не будут, а появятся только внутри табов.
Вид модификатора на опубликованной странице сайта:
Использование:
После добавления модификатора на сайте появится техническая секция со светло-серым фоном. В нижней части секции отображаются табы.
Вид модификатора в редакторе:
Зайдите в настройки секции и в блоке "Список табов" сопоставьте табы с нужными секциями.
Там же можно переименовать табы.
Активный таб:
По умолчанию при загрузке страницы отобразится первый таб из списка, но это можно изменить с помощью данной настройки.
Параметр позволяет выбрать любую секцию из уже сопоставленных с табами и показывать её таб при загрузке сайта.
Примечание: Если выбрать секцию, которая не сопоставлена ни с одним табом, то при загрузке страницы будет отображаться первый таб из списка, а выбранная секция будет загружаться на сайте как обычно и не будет перенесена в секцию с табами.
Настройки табов:
Вид отображения переключает стиль вкладок. У каждого стиля свои настройки.
Первый стиль - табы с подчёркиванием без фона - позволяет настроить расстояние между табами, цвет и размер шрифта, а также цвет и размер индикатора.
Второй стиль - табы с фоном - позволяет настроить расстояние между табами, цвет и размер шрифта, а также цвет и скругления у фона и границ табов.
Скругление углов может быть Случайным. В этом режиме углы отдельного таба будут иметь разное скругление, но все табы будут одинаковым.
Параметры минимального и максимального скругления определяют в каком диапазоне нужно скруглять углы табов.
Если выбран Рандом, то в этом случае углы отдельного таба будут одинаковыми, но табы будут отличаться друг от друга.
Если табов много, то по умолчанию они скрываются в горизонтальный скролл.
Однако при включении настройки «Табы в несколько строк» они переносятся на новую строку.
Отображение на мобильных:
Для мобильных устройств можно отдельно настроить размер шрифта, табов и отступы, чтобы элементы правильно отображались на экране.