Remember me

Меню Joomla

6 years 6 months ago #1

  • Andrew's Avatar
  • Andrew
  • Posts: 152
Ребят нужна ваша помощь. Знаю это проблема не касается Вас, но все же если кто то знает помогите.
Проблема такая, нужно изменить меню Joomla, что бы под меню выпадало не при наведении мыши, а при нажатии на родителя. И было статическим после. Пример такого меню тут, сайт с проблемой тут

6 years 6 months ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Здравствуйте,

Вам нужно добавить класc "custom-menu" для вашего меню .
и в редакторе кода добавить CSS код :
.custom-menu .main-menu .nav.menu > li.active > .nav-child {
    animation: none !important;
    -webkit-animation: none !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    width: 100% !important;
}

также в редакторе добавить JS код
document.addEventListener('DOMContentLoaded', function(){
  	var url = window.location.href;
  	jQuery('.main-menu li a').each(function(){
    if (url == this.href) {
      console.info(this)
    		jQuery(this).addClass('active').parentsUntil('.main-menu', 'li').addClass('active');
        }
    });
});

и мы нашли небольшой баг который исправим в ближайшем обнавлении,
чтобы все это заработало вам нужно в gridbox.js (templates/gridbox/js/gridbox.js)
строку 340
$g('.ba-item-main-menu .main-menu ul.nav.menu .active').removeClass('active');
заменить на
$g('.ba-item-one-page-menu .main-menu ul.nav.menu .active').removeClass('active');

И все будет работать . Пеоверяй как рабоатет на фронтеде после того как почитите кеш.

С Уважением,
Вячеслав, Balbooa.com

6 years 6 months ago #3

  • Andrew's Avatar
  • Andrew
  • Posts: 152
Сделал все как сказали. Версия Gridbox 2.2.1. Кэш почистил везде. Но не помогло, вобще никаких изменений.

6 years 6 months ago #4

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
У вас на каждой строничке меню добавленно отдельно поэтому нужно на каждой страницу добавить это класс.
и еще в редакторе кода добваить CSS :
.custom-menu .main-menu .nav.menu > li:hover > .nav-child{
    display: none;
}

С Уважением,
Вячеслав, Balbooa.com

6 years 6 months ago #5

  • Andrew's Avatar
  • Andrew
  • Posts: 152
Понял, сейчас все работает. Еще вопрос, возможно ли как то сделать чтобы стиль применился на всех страницах глобально. Что бы на всех страницах не менять

6 years 6 months ago #6

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Сейчас уже нет.
Нужно было добавить класс и добавить в библиотеу, а после на других страницах добавить меню из библиотеки.

Как вариант если у вас на других страницах нет вертикальных меню то можно в CSS коде "custom-menu" заменить на "vertical-menu" тогда применится ко всем

С Уважением,
Вячеслав, Balbooa.com

6 years 6 months ago #7

  • Andrew's Avatar
  • Andrew
  • Posts: 152
Большое спасибо все отлично работает! ))

6 years 6 months ago #8

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Пожалуйста ;)
Powered by Kunena Forum