Создание горизонтального выпадающего меню Джумла 3.3.6

Сначала копируем шаблон , чтобы при обновлении не потерять изменения.
 Потом создаешь модуль меню,тип Menu и в дополнительных параметрах указываешь суффикс класса меню , с пробелом вначале nav-pills . Также указываем показывать подпункты.

 В шаблоне ,который мы создали при копировании, в файле index.php блок,куда будет выводится горизонтальное меню с суффиксом (пробел)na-pills

<?php if ($this->countModules('position-1')) : ?>
<div class="dropdown">
<jdoc:include type="modules" name="position-1" style="none" />
</div>
<?php endif; ?>

Этот код вместо блока

<?php if ($this->countModules('position-1')) : ?>
                <nav class="navigation" role="navigation">
                    <jdoc:include type="modules" name="position-1" style="none" />
                </nav>
            <?php endif; ?>

В родительском пункте меню указываем CSS-класс ссылки 

dropdown-toggle

В папку с шаблоном помещаем кастомизированный макет меню,стянул с джумлафорум) по пути /templates/мой_шаблон/html/mod_menu .
 В дополнительных параметрах модуля меню указать  Альтернативный макет

bootstrap-dropdown

Скачать архив кастомизированного макета модуля меню Download

Добавить комментарий


Защитный код
Обновить