Подсказки в пунктах меню

+10
377

Иногда на сайте возникает необходимость указать больше подробностей о том, что скрывается за тем или иным пунктом в меню. Добавим подсказку к пунктам выпадающих меню. Примерно так

Изображение

К пунктам основного меню тоже можно добавить, но придется править стили. И об этом в другой раз.

Решение найдено при финансовой поддержке Константина

Демо как всегда тут demo.bergorod.ru

наведите на пункт меню афиши

Как сделать также

1. Установить архив menutips20211011_1.0.0.install
Можно и просто распаковать, но тогда нужно пройти в раздел админки Компоненты, там Управление событиями и согласиться обновить события
2. Указать Подсказки у нужных пунктов меню

Изображение


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

Изображение


или в свой аналогичный файл шаблона списка добавить в нужном месте

  1. <?php if (!empty($item['options']['tip'])){ ?>
  2. <span class="nav-tip d-block small"><?php html($item['options']['tip']); ?></span>
  3. <?php } ?>

заменив классы, добавив стили по вкусу.

Ограничения

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

Прикреплённый файл:
Скачать 4 Кбскачан 14 раз
0
Реклама Реклама #
0
Алексей Т Алексей Т 1 месяц назад #

Бывает очень даже надо+

0
talerbiz talerbiz 1 месяц назад #

Дополнительная информация под ссылкой, не должна являться ссылкой ☝

0
Zau4man Zau4man 1 месяц назад #

Вставьте подсказку после тега a, но до закрытия li

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