Форум русской поддержки Joomla!® CMS
11.12.2016, 12:01:01 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как сделать меню Joomla через SideNav от Materialize?

 (Прочитано 416 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Ghash
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 65



« : 09.09.2015, 22:53:32 »

Привет всем. Ребята, кто работал с Materialize FrameWork? Там есть компонент отвечающий за сворачивание менюхи на малых разрешениях мониторов в кнопку: http://materializecss.com/side-nav.html .

Скрипт подключил так:
Код:
$('.button-collapse').sideNav({
menuWidth: 340, // Default is 240
edge: 'right', // Choose the horizontal origin
closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
}
);

В тупую подключил его так в самой верстке:
Код:
<div id="menu" class="left">
    <jdoc:include type="modules" name="menu" class="left hide-on-med-and-down" />
    <a href="#" data-activates="slide-out" class="button-collapse">
        <i class="mdi-navigation-menu"></i>
    </a>
</div>

В итоге при уменьшении окна, меню не сворачивается в кнопку, а просто сжимается.

В самом описании фичи на сайте (по ссылке выше) в примере показано меню в форме списка.

Получается модуль меню Joomla не в форме списка? Что очень странно dry

Или оно прогружается в DOM позже скрипта? что еще страннее Crazy

Заранее благодарен!
Записан
Ghash
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 65



« Ответ #1 : 09.09.2015, 22:57:24 »

При просмотре файрбагом, класс списка все равно стандартный:
Код:
<div id="menu" class="left">
     <ul class="nav menu">
         <li class="item-101 active deeper parent">
         ........  
         </li>          
     </ul>
       <a class="button-collapse" data-activates="slide-out" href="#">
</div>
Как переименовать класс "nav menu" стандартного списка меню?
« Последнее редактирование: 09.09.2015, 23:57:49 от Ghash » Записан
Ghash
Осваиваюсь на форуме
***

Репутация: +2/-0
Offline Offline

Сообщений: 65



« Ответ #2 : 10.09.2015, 00:04:13 »

Решил! Переопределяем mod_menu для шаблона, и в дефолтном файле редактируем класс "nav menu<?php echo $class_sfx;?>" на "nav menu<?php echo $class_sfx;?> left hide-on-med-and-down". Теперь все работает кроме кнопки "свернуть/развернуть"
Записан
fragnatic
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 2


« Ответ #3 : 11.12.2015, 17:52:13 »

Есть фреймворки для Joomla с полной поддержкой бутстрап 3. Коллапсируется все что захочешь.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet