MegaMenu.Independent.html

<style>
    @media screen and (max-width: {$breakPoint}px) {
        .megaMenu-hide-on-mobile {
            display: none !important;
        }
    }

    @media screen and (min-width: {$breakPoint + 1}px) {
        .megaMenu-hide-on-desktop {
            display: none !important;
        }
    }
</style>

<nav class="megaMenu-hide-on-mobile">

    {$prepend}

    <ul class="quiqqer-menu-megaMenu-list">

        {foreach $children as $Child}
            {assign var=usedControl value=$childControl}

            {assign var=hasUrl value=1}
            {if !$Child->getUrl()}
                {assign var=hasUrl value=0}
            {/if}
            <li class="quiqqer-menu-megaMenu-list-item {if !$hasUrl}quiqqer-menu-megaMenu-list-item__noUrl{/if}">
                {assign var=subchildren value=$Child->getChildren()}

                {if $Child->getUrl()}
                    <a href="{$Child->getUrl()}"
                       class="qui-menu-siteid-{$Child->getIdentifier()} quiqqer-menu-megaMenu-list-item-inner"
                       title="{$Child->getTitleAttribute()|escape:'html'}"
                       {if $Child->getTarget()}target="{$Child->getTarget()}"{/if}
                    >
                        {if $this->getAttribute('showFirstLevelIcons') && $Child->getIcon() && $Child->getIcon()|strpos:'image' !== 'false' }
                            {image src=$Child->getIcon() onlyicon=1}
                        {/if}

                        {$Child->getTitle()}

                        {if count($subchildren)}
                            <span class="fa fa-angle-down"></span>
                        {/if}
                    </a>
                {else}
                    <span class="qui-menu-siteid-{$Child->getIdentifier()} quiqqer-menu-megaMenu-list-item-inner">
                        {if $this->getAttribute('showFirstLevelIcons') &&  $Child->getIcon() && $Child->getIcon()|strpos:'image' !== 'false' }
                            {image src=$Child->getIcon() onlyicon=1}
                        {/if}

                        {$Child->getTitle()}

                        {if count($subchildren)}
                            <span class="fa fa-angle-down"></span>
                        {/if}
                    </span>
                {/if}

                {if $showMenu && $Child->getMenuType() && $Child->getMenuType() !== ''}
                    {assign var=usedControl value=$this->getMenuControl($Child->getMenuType())}
                {/if}

                {if count($subchildren) && $usedControl}
                    {control control=$usedControl MenuChild=$Child independentMenu=1 assign=Control}
                    {assign var=t_ value=$this->addSubMenu($usedControl)}
                    <div class="quiqqer-menu-megaMenu-list-item-menu">
                        {$Control->create()}
                    </div>
                {/if}
            </li>
        {/foreach}
    </ul>

    {$append}
</nav>
{if $Mobile}
    <div class="megaMenu-hide-on-desktop">
        {$prepend}

        <div class="quiqqer-menu-megaMenu-mobile">
            <span class="fa fa-bars"></span>
            <span>Menü</span>
        </div>

        {$append}
        {$Mobile->create()}
    </div>
{/if}