Ik krijg de children in het menu niet goed in beeld
Posted: Mon Nov 19, 2018 7:23 pm
Ik heb een nieuwe website gemaakt in Dreamweaver, gebaseerd op bootstrap 4. Die heb ik daarna omgezet naar een template in CMSMS. Dat werkt allemaal helemaal naar wens alleen krijg ik het menu niet goed.
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:
maar zo komt het eruit te zien
De subs krijgen dus dezelfde code mee als iedere andere menu-optie.
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:
Kan iemand mij hierbij helpen?
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}
