Er is een menu-optie die een aantal subs heeft en die worden niet opgenomen als subs maar als aparte menu-opties.
De indeling is als volgt:
13.1 - Beginpagina
13.2 - Therapieën
13.2.1 - - PMT/Drama
13.2.2 - - Sherborne
13.2.3 - - Hond
13.3 - Trainingen
13.4 - Over Ansjelien
13.5 - Contact
Zo zou het moeten zijn:
Code: Select all
<nav class="navbar navbar-expand-lg navbar-dark purple">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Therapieën </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">PMT/drama</a> <a class="dropdown-item" href="#">Sherborne</a> <a class="dropdown-item" href="#">Hond</a> </div>
</li>
<li class="nav-item"> <a class="nav-link" href="trainingen.html">Trainingen </a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Over Ansjelien </a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Contact </a> </li>
</ul>
</div>
</nav>
Code: Select all
<nav class="navbar navbar-expand-lg navbar-dark purple">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item active"><a class="nav-link active" href="https://www.teamworkx.nl/begin/beginpagina.html">Beginpagina</a></li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="https://www.teamworkx.nl/begin/therapieen.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>Therapieen</span> <b class="caret"></b></a>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/pmtdrama.html">PMT/Drama</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/sherborne.html">Sherborne</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/therapieen/hond.html">Hond</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/trainingen-2.html">Trainingen</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/over-ansjelien.html">Over Ansjelien</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.teamworkx.nl/begin/contact-2.html">Contact</a></li>
</ul>
</div>
</nav>
Dat moet dus ergens in het menu sjabloon zitten maar ik kan er na uren zoeken, lezen en proberen niet achterkomen wat ik nu fout doe.
Het menu slabloon is als volgt:
Code: Select all
{if $count > 0}
<nav class="navbar navbar-expand-lg navbar-dark purple">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='' times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}{repeat string='' times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{$classes=''}
{if $node->parent == true or $node->current == true}
{$classes=' active'}
{if $node->parent== true}{$classes=$classes|cat:' parent'}{/if}
{/if}
{if $node->type == 'sectionheader'}
{if $node->haschildren == true}
<li class="nav-item dropdown {$classes}"><a class="nav-link dropdown-toggle {$classes}" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{$node->menutext}</span></a></li>
{else}
<li class="nav-header">{$node->menutext}</li>
{/if}
{elseif $node->type == 'separator'}
<li style="divider">
{elseif $node->haschildren == true}
<li class="nav-item dropdown {$classes}">
<a class="nav-link dropdown-toggle {$classes}" {if $node->target}target="{$node->target}" {/if}
href="{$node->url}" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span>{$node->menutext}</span> <b class="caret"></b></a>
{if $node->children} <a class="dropdown-item" href="{$node->url}"><span>{$node->menutext}</span></a> {/if}
{else}
<li class="nav-item{$classes}"><a class="nav-link{$classes}" {if $node->target}target="{$node->target}" {/if}
href="{$node->url}">{$node->menutext}</a></li>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-2}
</ul>
</div>
</nav>
{/if}