Виджет "Супер-мега-меню"
Виджет "Супер-мега-меню" для InstantCMS позволяет добавить к пунктам стандартного меню появление при клике или наведении на них панелей с разными кнопками и списками контента.
Внимание! Работает только на компьютерах и при ширине окна браузера 1024 пикселя и более.
Как установить и использовать
- Установка стандартная: Панель управления -> Компоненты -> Установить пакет дополнения.
- После установки разместите виджет в любом месте сайта.
- Установите основные настройки во вкладке "Опции", выберите, какой выводить контент, во вкладке "Контент".
Немного об опциях
- Класс пункта меню. Укажите любой класс для пункта меню, при наведение/клик по которому будет происходить появления мега-меню. Также этому пункту меню обязательно укажите дополнительный классы: supermegaitem и класс, устанавливающий событие для вызова мега-меню - click для вызова мегаменю при клике или hover для вызова мега-меню при наведении.
- Селектор меню. Укажите селектор панели меню. Мега-меню будет вложено внутри него, примет его ширину. Если не знаете, как выбрать селектор, спросите у того, кто знает. На этом сайте в качестве селектора указано значение .mainmenu .container
- Добавить контейнеру меню позиционирование. Для того, чтобы мега-меню смогло показываться ровно под контейнером меню. Если контейнер меню в вашем шаблоне имеет позиционирование relative, absolute или fixed, то можете выбрать вариант Нет.
- Подключать скрипты. Можно выбрать, где подключить скрипты - в head сайта или внизу страницы. Если у вас скрипты (в частности, библиотека jquery) подключаются внизу страницы, то там же подключайте скрипты виджета.
Скачать виджет "Супер-мега-меню" для InstantCMS
Текущая версия:
1.0.1Совместимость с InstantCMS:
2.12.2-2.15.2Поддержка:
нет
Спасибо.
Добрый день настроил как на скринах но неработает
Всё работает, как видите на этом сайте. Возможно, указали не правильный селектор меню. Или не указали класс ссылки вызова мега-меню. Да и вообще сообщение «не работает» ни о чем не говорит. Без подробностей я не смогу помочь.
Скорее всего селектор меню пуду пробовать всё с начала спасибо за ответ.
Можете в личку написать адрес сайта, подскажу, какой указывать селектор.
Всё заработало большое спасибо за решение вопроса.
Здесь на сайте виджет прикреплён на 2 пункта меню, как это сделать?
Точно так же. У пункта вызова мега-меню добавить какой-то класс, который указать в виджете — первая опция во вкладке Опции. Для каждого мега-меню свой виджет.