Wechseln zu: Navigation, Suche

Elemente verketten(capture)

Verwandte Themen:


Wollen Sie eine größere Anzahl an Textelementen in einer Variable kombinieren, bietet sich das capture-Tag zum verketten von Textelementen an. Das capture-Tag ist ein Block-Tag, welches jeden Inhalt zwischen dem Start- und End-Tag des Elements wie bei einer Ausgabe behandelt. Der Inhalt wird allerdings nicht auf dem Bildschirm oder in einer Datei ausgegeben, sondern wird in einer neuen eigenen Variable abgelegt. Diese Variable kann dann an einer anderen Stelle im Programmcode abgerufen und verwendet werden.

Ein Beispiel dazu:

{% capture attribute_name %}
 {{ item.title | Upcase}}-{{ i }}-color
{% endcapture %}

#=> Hier speichern wir den item.title in Großbuchstaben sowie einen Farbcode i-color.

Das Beispiel soll in einem HTML-Code ausgegeben werden:

<label for="{{ attribute_name }}">Color:</label>
<select name="attributes[{{ attribute_name }}]" id="{{ attribute_name }}">
 <option value="red">Red</option>
 <option value="green">Green</option>
 <option value="blue">Blue</option>
</select>

#=> Die Variable attribute_name könnte also Beispielsweise "FARBWAHL-3-color" lauten.

Wie geht es weiter?