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

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

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

Изображение

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

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

Демо как всегда тут 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 Кбскачан 30 раз
0
Алексей Т Алексей Т 2 года назад #

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

0
Abobo Abobo 2 года назад #

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

0
Zau4man Zau4man 2 года назад #

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

Еще от автора

Готовый сайт лендинг компании по подбору персонала
Делал два года назад. Заказчик сменил профиль и сайт не пригодился.
Выведем контент группы в списке полей группы
Поле позволяет в списке полей группы вывести последний контент этой группы.
Чиним реферальные ссылки биллинга при закрытом сайте
Проблема такая: если сайт закрыт, то при переходе по реферальной ссылке типа /r/1 пользователя перехватывает компонент Авторизация, и хук биллинга, ко
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.