Нужно ли мега-меню? Какие опции добавить?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

Интересует вас такое дополнение?

Дата окончания опроса 00:00.
Нет
Надо подумать
Всего 5 голосов
#1 23 августа 2022 в 12:41

Есть наработки для добавления мега-меню на сайте. Пока выглядит и работает так.

Чтобы к пункту меню подключить мега-меню, нужно у этого пункта добавить специальный класс и еще один произвольный класс. Также нужно указать селектор контейнера меню, чтобы скрипт понимал, в каком месте показывать мега-меню.

Изображение

Дальше в опциях выбираем типы контента, для каждого из которых есть свои опции:

Изображение

В итоге на сайте при клике на определенный пункт меню получаем такое:

Изображение

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

Сейчас добавлю в боковую панель дополнительные ссылки, кроме типов контента.

Это работает только на десктопе и с шириной экрана не меньше 1024 пикселей.

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

Понажимать на кнопки и посмотреть вживую можно здесь.

#2 23 августа 2022 в 12:47

Добрый день. Если можно сделать настройку цветов. Иди хотя бы сделать 2-3 стиля. Темный светлый и например синий, кто захочет сам поменяет.

Идея меню интересная.

#3 23 августа 2022 в 12:51

настройку цветов

Алексей Т

Ок. Добавлю опции цветов и размеров.

#4 23 августа 2022 в 13:25

да, очень надо) Желательно, чтобы к каждому пункту можно было подобное применять, а не только к одному. Желателен еще формат вывода колонками (как вариант — виджетами), с возможностью выводить и изображения. Вопрос в адаптации под смартфоны конечно еще встает. Изображение

#5 23 августа 2022 в 20:52

Желательно, чтобы к каждому пункту можно было подобное применять, а не только к одному

Def

На демо (и на гифке выше) к двум пунктам применяется — InstantCMS и специалисты.

как вариант — виджетами

Def

Не вариант)) Не представляю, как в виджет вставить другой виджет.

с возможностью выводить и изображения

Def

Не понятно, о чем вы. Перед списком записей можно вывести произвольный текст с изображениями, если вы об этом:

Изображение

Вопрос в адаптации под смартфоны

Def

На смартфонах работать не будет. Только на десктопе и с разрешением экрана больше 1024 пикселей. Не вижу смысла выводить такое на телефоне. И даже представить не могу, куда его там запихнуть. На демо два почти одинаковых меню. Одно обычное — выводится на смартфонах. В нем есть вложенные пункты. Второе на компе с подключением этого меню — без вложенных пунктов, чтобы не мешали.

сделать настройку цветов

Алексей Т

Добавил. 

Изображение

Изображение

Изображение

Изображение

Изображение

Изображение

Изображение

Изображение

Изображение

И еще одна опция для добавления произвольных стилей.

Закрываю. Продолжение здесь.

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