Joomla + Uikit | Как реализовать правильную работу CMS и фреимворка?

Question

Alex Fastovets @Chiperok

HTML CSS PHP JS

Joomla
UIkit

Joomla + Uikit | Как реализовать правильную работу CMS и фреимворка?

Всем привет.
Есть вопрос о правильной работе фреймворка и Joomla 3.
Так как стандартный Bootstrap мне чуть не по душе, решил использовать Uikit.
С подключением, проблем нет вообще, все просто и понятно. А вот в использование..

Например: делаю меню , в index.php вставляю:

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

выдает оно мне в HTML:

<ul class="nav menu">
	<li class="item-101 current active">
		<a href="/www.joomla3.com/">Главная</a>
	</li>
	<li class="item-102 deeper parent">
		<a href="/www.joomla3.com/o-nas.html">О нас</a>
	</li>
	<li class="item-103">
		<a href="/www.joomla3.com/reshenie.html">Решение</a>
	</li>
	<li class="item-104">
		<a href="/www.joomla3.com/servis.html">Сервис</a>
	</li>
	<li class="item-105 deeper parent">
		<a href="/www.joomla3.com/novosti.html">Новости</a>
	</li>
	<li class="item-106">
		<a href="/www.joomla3.com/kontakty.html">Контакты</a>
	</li>
</ul>

а я допусти хочу меню типа Off-canvas, вставляю:

<?php if ($this->countModules('menu')) : ?>
<button class="uk-button" data-uk-offcanvas="{target:'#my-id'}">Меню</button>

<div id="my-id" class="uk-offcanvas">
    <div class="uk-offcanvas-bar">
        <div class="uk-panel">
			<nav class="navigation" role="navigation">
				<jdoc:include type="modules" name="nav" style="none" />
			</nav>
		</div>
    </div>
</div>
<?php endif; ?>

и в итоге получаю вот что: при нажатии на меню, открывается боковая панель, а там ф*г пойми что..

Делаю переопределение модуля меню, и вот что меня вгоняет в ступор:
стандартно имеем классы:

current
active
deeper
parent

а в Uikit:

uk-active
uk-parent
uk-nav-header
uk-nav-divider

Потом, к Uikit меню добаловаться свойства объектов aria-expanded и data-атрибуты.

Так вот основной вопрос, как мне правильно это все сделать? Как правильно переопределить сам модуль!? Я с фреймворками раньше не работал, и вот столкнулся и понимаю что я вообще ничего не понимаю!