Настройка меню в шаблоне Modern, открытие при клике

InstantCMS 2.X
#1 23 июня 2022 в 10:22

Здравствуйте, нужна помощь с настройкой меню в шаблоне Modern, версия движка 2.15.1
Главное меню — открывается при наведении. Персональное меню — открывается как при наведении, так и при клике. Необходимо чтобы открывалось только при клике. И вообще понять, где это настраиваться, чтобы иметь возможность настраивать другие меню созданные через админку. В админке не вижу опций, в документации не нашел инфы. и на форуме не смог найти тем с ответами.

#2 23 июня 2022 в 11:17

Главное меню — открывается при наведении

Hellis

Что значит при наведении? Подпункты что ли?

Необходимо чтобы открывалось только при клике

Hellis

templates\modern\css\theme.css

Находите

  1. #desktop_device_type .icms-menu-hovered .dropdown:hover>.dropdown-menu,
  2. #desktop_device_type .icms-user-menu:not(.show):hover>.dropdown-menu {
  3. display: block;
  4. -webkit-animation: slide-up 0.3s ease-in-out;
  5. animation: slide-up 0.3s ease-in-out;
  6. margin: 0
  7. }

 коментируете.

#3 23 июня 2022 в 11:42

 Lora, может проще через будет в шаблоне иниализацию клика сделать? Ну и по чесноку сразу в шаблон вынести настройку. Кому как конечно, мне удобнее чтобы в будущем не править код, выносить все в настройку.

#4 23 июня 2022 в 12:07

Открытие при наведении срабатывает при добавлении класса icms-menu-hovered в настройках меню

Изображение

В виджете аватар такой класс задан прямо в шаблоне github.com/instantsoft/icms2/blob/f5d025a16185a12e7f82c5fbe528b0c3555aabd0/templates/modern/controllers/users/widgets/avatar/avatar.tpl.php#L17

Вы можете создать свой дочерний шаблон, скопировать в него этот файл и внести правки.

Или сделать копию файла с именем, например, avatar_nohover.tpl.php Внести правки в копию, удалив в строке 17 icms-menu-hovered

  1. $menu_classes .= ' dropdown-menu-right dropleft';

И выбрать в настройках виджета аватара

Изображение

#5 23 июня 2022 в 17:25

Что значит при наведении? Подпункты что ли?

Lora

Просто наведение, без клика. На ссылки в главном меню или на Ник в меню пользователя.

У меня Ваш вариант работает, но так: полностью не дает открыть выпадающие меню в главном. А в меню пользователя не открывает 
2 уровень/подпункты (создать и панель администратора), при наведении и при клике. И не убирает эффект открытия меню при наведении на Ник. 
Если редактировать 2 часть кода, то удается скрыть эффект открытия меню пользователя при наведении на Ник, но оставить этот эффект для 
открытия 2уровня/подпунктов (создать, панель управления). Это и требовалось. Но, проблема с главным меню, пока осталась — не выпадает вообще, если оставить в настройках виджета класс .icms-menu-hovered. Если класс изменить, не открывает при наведении и/или клике подпункты.

Вы можете создать свой дочерний шаблон, скопировать в него этот файл и внести правки.

Zau4man


Если изменить класс, то не открывает от 2 уровня вложенности меню(подпункты). Если в меню только 1 уровень вложенности — тогда ОК.
Что касается меню пользователя, то ваш вариант не убирает эффект открытия меню при наведении на Ник. И не открывает так же
2 уровень меню (ссылки создать и панель администратора). Точнее, при нажатии на эти ссылки, меню закрывается и переоткрывается на вариант как при наведении… что-то непонятное...

Ну и по чесноку сразу в шаблон вынести настройку.

Make

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

В итоге, с помощью редактирования в css второго #desktop_device_type удалось убрать эффект открытия меню при наведении на ник, теперь открывается только при клике. И оставить открытие подпунктов меню при наведении.
Изменив в настройках виджета главного меню класс icms-menu-hovered, удалось убрать эффект открытия меню при наведении, открывается при клике. 
Но не открывается дальше вообще, подпункты, 2уровень и т.д.  Возможно что-то нужно еще в css поправить, но пока не получается.

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