Soms is het wenselijk om aan te geven hoeveel elementen er
onder een bepaald submenu zitten bijvoorbeeld zoals in de volgende html code.
<li> <a href=”/categorie”>Categorie (1)</a> <ul class=”submenu”> <li> <a href=”/categorie/sub-item/”>Sub item</a> </li> </ul> </li>
Als we dit hadden omgezet dan zou de file er in template code als volgt uitzien.
<li> <a href=”{$url}”>{$title} (1)</a> {submenu=@submenu.tpl} </li>
Zoals je zult zien hebben we nog niet het dynamische cijfer achter de titel staan. We gaan de “(1)” echter vervangen met de volgende code {submenu=@count.tpl}. Laten we de code event ontleden.
-
{
- Geeft aan dat het om het begin van een template code gaat
-
Submenu
- Geeft aan dat het om het submenu gaat
-
=@
- Geeft aan dat we 1 element terug verwachten
-
Count.tpl
- De naam van het template bestand waarin de data verder is gespecificeerd
-
}
- Geeft aan dat het gaat om het einde van een template code
Nu maken we het nieuwe bestand count.tpl aan in de volgende map /public/templates/onze_template/components/navigation/elements/submenu/
Vervolgens openen we het bestandt count.tpl en plaatsen daar de code “(1)” in. In deze file beschikken we echter over de volgende tag {$total_items} en deze geeft aan hoeveel submenu items er aanwezig zijn.
Dus nu wordt onze code als volgt;
({$total_items})
We slaan nu het bestand count.tpl op.
Gefeliciteerd je zult nu achter je categorie het aantal subitems items zien staan (als deze aanwezig zijn)