Template-Syntax

Lerne wie du Variablen, Bedingungen, Schleifen und Helfer in deinen Templates verwendest

Variablen

Verwende doppelte geschweifte Klammern, um Variablen einzufügen:

<h1>{{page.title}}</h1>
<p>{{description}}</p>
<span>Language: {{currentLang}}</span>

Greife mit Punkt-Notation auf Seiten-Eigenschaften und Block-Props zu

Bedingungen

Zeige Inhalte bedingt mit #if-Blöcken an:

{{#if showButton}}
  <button>{{buttonText}}</button>
{{/if}}

{{#if user}}
  <p>Welcome, {{user.name}}!</p>
{{#else}}
  <p>Please log in</p>
{{/if}}

Nutze {{#if}} für bedingte Darstellung mit optionalem {{#else}}

Schleifen

Iteriere über Arrays mit #each:

<ul>
{{#each items}}
  <li>
    {{title}} - {{description}}
    {{#if @first}}(First item){{/if}}
    {{#if @last}}(Last item){{/if}}
  </li>
{{/each}}
</ul>

Schleifen-Variablen @index, @first und @last sind innerhalb von Schleifen verfügbar

Helfer-Funktionen

StaticBlocks bietet mehrere eingebaute Helfer:

Übersetzungs-Helfer

<!-- Full syntax -->
{{translate:nav.home}}

<!-- Short alias -->
{{t:buttons.submit}}

Greife auf Übersetzungen aus Locale-Dateien zu

Aktive Navigation

<a href="/about/" class="{{active:/about/}}">
  About
</a>

Füge 'active'-Klasse zu aktuellen Seiten-Links hinzu

URL-Helfer

<!-- With language prefix -->
<a href="{{url:/contact/}}">Contact</a>

<!-- Asset URLs -->
<img src="{{asset:/images/logo.png}}">

<!-- Current year -->
<p>&copy; {{year}} Company</p>

Helfer für URLs, Assets und dynamische Inhalte