Counter für Loops
»Flat design vector concept« von Shutterstock

Counter für Loops

Ein Counter für eine For-Schleife kann vielfach eingesetzt werden. Zum Beispiel kann man die Anzahl von Artikeln mit einem Counter zählen und auszugeben. Oder erst ab einem bestimmten Wert startet man einen Befehl mit Hilfe einerIF-Abfrage.

Einen Counter für Loops realisiert man mit Hilfe von {% assign counter = 1 %} und {% assign counter=counter | plus:1 %}.

Während {% assign counter = 1 %} den Counter auf den Wert 1 setzt, erhöht {% assign counter=counter | plus:1 %} den Wert jeweils um 1.

Innerhalb der Schleife kann man dann den Wert des Counters über {{ counter }} ausgeben.

Den Counter-Wert überprüft man mit einer IF-Abfrage z.B. so: {% if counter == 5 %}{% endif %}. Diese Abfrage führt dann Code aus, wenn der Counter bei 5 angekommen ist.

Code-Beispiel mit For-Loop

<ul class="side-nav">
	{% assign counter = 1 %}
	{% for post in site.posts reversed %}
		{% if post.categories contains include.list-category %}
		<li><a href="{{ site.url }}{{ post.url }}">#{{ counter }} {{ post.title }}</a></li>
		{% assign counter=counter | plus:1 %} 
		{% endif %}
	{% endfor %}
	<li>&nbsp;</li>
</ul>

Bei den HTML-Elementen handelt es sich um das side-nav-Element des Foundation-Frameworks.