Whitespace

In Liquid können Sie einen Bindestrich in Ihre Tag-Syntax {{-, -}}, {%- und -%} einfügen, um Leerzeichen auf der linken oder rechten Seite eines gerenderten Tags zu entfernen.

Normalerweise wird jede Liquid-Zeile in Ihrer Vorlage eine leere Zeile in Ihrem gerenderten HTML ausgeben, auch wenn sie keinen Text ausgibt:

Bestellungsübersicht:

{% if Kunde %}
Willkommen zurück, {{ Kunde.first_name }}
{% endif %}

Beachten Sie, dass in der gerenderten Vorlage zwei Leerzeilen vorhanden sind:

Bestellungsübersicht:


Willkommen zurück, Anna

Durch Einfügen von Bindestrichen in Ihr Liquid-Tag ({%- und -%}) können Sie die erzeugten Leerzeichen aus der gerenderten Vorlage entfernen:

Bestellungsübersicht:

{%- if Kunde -%}
Willkommen zurück, {{ Kunde.first_name }}
{%- endif -%}

Bestellungsübersicht:

Willkommen zurück, Anna

Wenn Sie den Leerraum nur auf einer Seite des Liquid-Tags kontrollieren müssen, können Sie den Bindestrich nur auf dem öffnenden oder schließenden Tag einfügen. Im folgenden Beispiel steht ein Bindestrich im abschließenden Liquid-Tag um customer. name.

Hallo, {{ Kunde.name -}}  !

Hallo, Anna!