Пример: Вкладки

Вкладки над панелью: при наведении на вкладку меняются карточки. Удобно для каталогов по регионам, брендам, категориям.

Структура пунктов#

• ВкладкистраницаПодменю → Тип подменю: Мега-подменю · Подменю → Позиция: На всю ширину
  • [Вкладки]Блок вкладокВкладки → Макет вкладок: Сверху
    • АзияИконка → Иконка: fa-torii-gate
      • Фудзи, Великая стена, Майя-БэйИзображение → Картинка: из медиатеки · Изображение → Размер: Medium_large · Макет → Макет: Изображение сверху · Общее → Отображение: Заголовок · Макет → Ширина: 1/3
    • ЕвропаИконка → Иконка: fa-landmark
      • Санторини, Монблан, Эйфелева башнякарточки 1/3
    • Латинская Америка
      • …
    • Северная Америка
      • …

Как собрать#

1. Мегаподменю на всю ширину у пункта верхнего уровня.
2. Внутрь — «Блок вкладок» с Макет вкладок: Сверху. Ширины переключателей и панелей для вкладок сверху оставьте по умолчанию (на всю ширину).
3. Вкладки — произвольные ссылки с иконками; внутри каждой — три карточки с картинкой по 1/3.

Полезные настройки блока вкладок#

• Триггер — «Клик», если вкладки должны переключаться только по нажатию.
• Показывать панель по умолчанию — при открытии подменю сразу видна первая вкладка.
• Динамический размер панелей — высота подменю подстраивается под открытую панель.
• Маркер активной вкладки — CSS-рецепт.