Как сделать вывод подкатегорий в моём случае?

Есть пункт меню, вот код

<li class="rd-megamenu-item">
	<div class="rd-megamenu-title">
		<span class="rd-megamenu-icon mdi mdi-apps"></span>
		<span class="rd-megamenu-text">ПУНКТ ОСНОВНОГО МЕНЮ</span>
	</div>
	<ul class="rd-megamenu-list rd-megamenu-list-2">
		<li class="rd-megamenu-list-item">
			<a class="rd-megamenu-list-link" href="#">ПОДКАТЕГОРИЯ</a>
		</li>
		<li class="rd-megamenu-list-item">
			<a class="rd-megamenu-list-link" href="#">ПОДКАТЕГОРИЯ</a>
		</li>
		<li class="rd-megamenu-list-item">
			<a class="rd-megamenu-list-link" href="#">ПОДКАТЕГОРИЯ</a>
		</li>
	</ul>
</li>

Это из html шаблона. Натягиваю его на dle, хочу сделать такое меню
Добавляю категорию "ПУНКТ ОСНОВНОГО МЕНЮ" с id 12 и три подкатегории в нём - id 13,14,15 соответственно.

Как я уже не изголялся, никак не получается правильно вывести (добавлю, что делаю это не в первый и не во второй раз), dle на тег {sub-item} выводит заново конструкцию из catmenu, получается один и тот же html код, только уже без подкатегорий, а у меня в шаблоне у главной категории и подкатегорий разный html код. Не могу придумать обход этой ситуации.

Визуально выглядит примерно так (если это важно)



Извиняюсь, если недостаточно подробно объяснил суть проблемы.