WP eLDeR MegaMenu документация v1.0.1 Вся документация Купить плагин
Документация › Панель управления › Основная конфигурация

Подменю

Общие правила для всех подменю этой конфигурации: анимация, привязка по ширине, прокрутка длинных подменю, поведение на мобильных и стрелки. У каждого пункта многие из этих параметров можно переопределить на панели «Подменю».

Где найти: Внешний вид→WP eLDeR MegaMenu→Основная конфигурация→Подменю

Вкладка «Подменю»
Вкладка «Подменю»

Настройки

Переходы выпадающих подменю

ПереходВыбор одногопо умолчанию: Сдвиг вверхесть в Настройщикеtransition

Переходы поддерживаются во всех современных браузерах

  • Нет
  • Slide Reveal (сдвиг с раскрытием)
  • Затухание
  • Сдвиг вверх

Анимация появления выпадающего подменю: Сдвиг вверх — подменю всплывает снизу с затуханием, Затухание — только прозрачность, Slide Reveal — «выезжает» сверху вниз, Нет — появляется мгновенно.

Slide Reveal несовместим с «Минимальной высотой подменю» и с выпадающими списками внутри мегаподменю. Если что-то выглядит странно — выберите «Сдвиг вверх».
Эта же настройка показана во вкладке Базовая конфигурация — значение общее.
Длительность переходаПоле вводапо умолчанию: пустоtransition_duration

Можно использовать .5s или 500ms. По умолчанию .3s

Например .2s для быстрого меню или 400ms для плавного. Пустое поле — 0,3 секунды.

Эта же настройка показана во вкладке Базовая конфигурация — значение общее.

Подменю

Привязать подменю кВыбор одногопо умолчанию: Панель менюесть в Настройщикеbound_submenus

Установите «Без привязки», если хотите подменю шире панели меню. Актуально только для горизонтально ориентированных меню.

  • Панель меню
  • Ширина внутренней панели меню
  • Без привязки
  • Панель меню — мегаподменю «На всю ширину» занимает ширину панели меню;
  • Ширина внутренней панели меню — подменю совпадает по ширине с блоком пунктов (удобно, когда фон панели во всю ширину экрана, а пункты — по центру);
  • Без привязки — подменю ограничивает ближайший контейнер темы с position: relative; так можно получить подменю шире панели.
Подменю шире строки с пунктами? Это нормально для подменю «На всю ширину». Чтобы выровнять его по пунктам: включите «Центрировать внутреннюю панель меню», задайте «Ширину внутренней панели» и выберите здесь «Ширина внутренней панели меню».
Эта же настройка показана во вкладке Позиция и макет — значение общее.
Принудительно держать текущие подменю открытыми постоянноФлажокпо умолчанию: выключеноforce_current_submenus

Экспериментально. Только горизонтальные меню. Это принудительно откроет подменю текущего пункта меню и не будет его закрывать.

Пример: в интернет-магазине подменю текущего раздела каталога всегда раскрыто под панелью.

Инвертировать подменюФлажокпо умолчанию: выключеноinvert_submenus

Экспериментально. Заставить подменю вертикального меню раскрываться влево, а подменю горизонтального меню — вверх.

Адаптивные подменю

Тип мобильного подменюВыбор одногопо умолчанию: Аккордеонmobile_submenu_type

Определите, как должны вести себя мобильные подменю.

  • Выпадающее
  • Аккордеон
  • Отдельный экран
  • Аккордеон — подменю раскрывается под пунктом, остальные пункты сдвигаются вниз;
  • Отдельный экран — подменю открывается на весь экран с кнопкой «Назад»; лучший выбор для глубоких меню;
  • Выпадающее — подменю появляется поверх пунктов, как на компьютере.
Аккордеон: все разделы
Аккордеон: все разделы
Аккордеон: раскрыт «Мегаменю»
Аккордеон: раскрыт «Мегаменю»
Отдельный экран с кнопкой «Назад»
Отдельный экран с кнопкой «Назад»
Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.
Сворачивание подменю-аккордеона на мобильныхВыбор одногопо умолчанию: Несколькоmobile_accordion_folding

Выберите, может ли быть открыто более одного подменю одновременно при подменю-аккордеонах

  • Несколько
  • Одно

Одно — при открытии нового подменю предыдущее сворачивается; меню остаётся коротким.

Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.
Отступ выпадающего аккордеонаПоле вводапо умолчанию: пустоесть в Настройщикеmobile_accordion_indent

Отступать внутренние выпадающие списки внутри аккордеона на это значение (первый уровень подменю останется выровненным с пунктами верхнего уровня). 20px хорошо подходит, если вы оставили отступы меню по умолчанию. Оставьте пустым для отсутствия отступа.

Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.
Показывать ретрактор подменю [сверху]Флажокпо умолчанию: выключеноdisplay_retractor_top

Показывать кнопку «Закрыть» вверху подменю на мобильных устройствах.

Ретрактор — кнопка «Закрыть» внутри подменю на мобильных. Полезна для подменю типа «Выпадающее», где закрыть подменю иначе неудобно.

Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.
Показывать ретрактор подменю [снизу]Флажокпо умолчанию: выключеноdisplay_retractor_bottom

Показывать кнопку «Закрыть» внизу подменю на мобильных устройствах.

Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.
Текст ретрактора подменюПоле вводапо умолчанию: пустоretractor_label

По умолчанию ретрактор отображает «Close» и переводится. Вы можете переопределить его здесь, но тогда он больше не будет переводиться.

Эта же настройка показана во вкладке Адаптивность и мобильные — значение общее.

Настройки подменю

Отображать индикаторы подменюФлажокпо умолчанию: включеноdisplay_submenu_indicators

Отображать стрелку-индикатор при наличии выпадающего подменю.

Стрелка справа от пункта, у которого есть подменю. У отдельного пункта стрелку можно скрыть: «Отключить индикатор подменю». Вид стрелки меняется CSS — см. рецепты.

Эта же настройка показана во вкладке Разное — значение общее.
Отображать кнопку закрытия подменюФлажокпо умолчанию: выключеноdisplay_submenu_close_button

Отображать «x» для закрытия подменю (на всех размерах). Полезно для триггера по клику.

Крестик в правом верхнем углу каждого подменю.

Кнопка закрытия подменю в правом верхнем углу
Кнопка закрытия подменю в правом верхнем углу

Эта же настройка показана во вкладке Разное — значение общее.