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)