В Joomla 2.5 обычно использовалось выпадающее меню, при наведении курсором мышки на пункт. В Bootstrap меню выпадает при клике на пункт, пункт этот имеет ссылку #.

Как сделать меню в стиле Bootstrap в шаблоне Joomla?

Можно подредактировать файл раскладки модуля меню, но проще, наверное, будет добавить в конец шаблона такой js код:

<script type="text/javascript">
(function($){
$(document).ready(function(){
// dropdown
if ($('.parent').children('ul').length > 0) {
$('.parent').addClass('dropdown');
$('.parent > a').addClass('dropdown-toggle');
$('.parent > a').attr('data-toggle', 'dropdown');
$('.parent > a').append('<b class="caret"></b>');
$('.parent > ul').addClass('dropdown-menu');
}
});
})(jQuery);
</script>
<script type="text/javascript">
$('.dropdown input').click(function(e) {
e.stopPropagation();
});
</script>
<script type="text/javascript">
$('.dropdown-menu .dropdown-submenu a[data-toggle="dropdown-submenu"]').click(function (e)
{
e.stopPropagation();
});
</script>

Возможно, нужно еще будет добавить такой код в css код шаблона :

.nav ul {
    display:none;
}

чтобы при загрузке страницы подменю не было развернуто.

Комментарии   

#1 Moldir 11.09.2015 10:40
Здравствуйте! Я верстаю свой шаблон на джумла 3.2, по видео уроку мы отключаем с помощью плагина встроенный бутстрап, и подключаем бутстрап 3.1.1. Проблема с выпадающим меню, скачала модуль JB DropDown Menu , установила, но не работает, он работает встроенным бутсрапом в джумла. А этот ваш код где именно нужно разместить? Он поможет?

Чтобы сделать комментарий, нужно авторизоваться на сайте!