Мега меню. Версия free

+12
348

Данная разработка позволяет к пунктам меню привязать мега меню из нескольких колонок. Выглядеть будет так

Изображение

Можно и в 4 колонки

Изображение

Демо demo.bergorod.ru

Как это работает

В админке компонента есть список созданных мега меню. 

Изображение

При добавлении/редактировании нужно указать название меню (на латинице) и сам код меню.

Изображение

Для удобства во вкладке «Примеры меню» указаны коды меню в 3 колонки и 4 колонки. Возможно примеров в дальнейшем станет больше.

Выводим меню на сайте

После того, как мега-меню создано, выводим его на сайте. Для этого:

1. В настройках виджета меню во вкладке Опции в пункте Шаблон списка меню выберите menu-megamenu

Изображение

Если у вас уже использовался другой шаблон списка, то вы можете внести в него правки, добавив по аналогии блок вывода мега меню

  1. <?php
  2. //megamenu -->
  3. if (!empty($item['html'])) {
  4. echo "<li>",$item['html'];
  5. $item['level'] = 2;
  6. } //megamenu <--
  7. ?>

и блок стилей в конце

2. Привяжем наше мега меню к пункту меню сайта. Отредактируйте нужный пункт, указав в классе megamenu megamenu_name, где name — имя меню, которое вы указали, когда создавали мега меню. 

Для примера выше строка будет megamenu megamenu_four, так как имя four

Изображение

Все. Можно пользоваться. В мега меню вы можете указать любой код. Код в примерах указан для примера :)

Ограничения

Компонент предоставляется как есть, бесплатно. Автор не несет никакой ответственности.
Предназначен только для шаблона modern (и дочерних).
Любители зеленых галочек в валидаторе могут переписать код мега меню с div на вложенные ul

Планы

В планах сделать платную версию мега меню, в котором менюшки можно будет конструировать визуально, выбирая количество колонок, имея возможность перетаскивать блоки туда-сюда, и выбирать блоки из предустановленных шаблонов (ссылки, картинка, текст и др.)

Сказать спасибо можно в yoomoney

Update 2021-09-14

Был забыт открывающийся тег li
Архив обновлен. Кто устанавливал, можно просто установить поверх

Прикреплённый файл:
Скачать 13 Кбскачан 10 раз
0
Реклама Реклама #
0
Melon Melon 4 дня назад #

Отличная разработка, ждём платную версию!

0
Сергей Сергей 3 дня назад #

Модерн начинает обрастать дополнениями, тоже жду платной версии.

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.