Wie man Zeilen in einer dynamischen Tabelle überspringt Block

Du wirst lernen

Lerne, wie du in einer dynamischen Tabelle Zeilen (z. B. Artikel) überspringen kannst. Der häufigste Anwendungsfall hierfür ist das Ausblenden irrelevanter Artikel, wie z.B. Versandversicherungen oder Gratisgeschenke, aus einer Warenkorbabbruch E-Mail. Du kannst diese Schritte jedoch für jede E-Mail ausführen, die einen dynamischen Tabellenblock verwendet. 

Bevor du beginnst

In diesem Artikel erfährst du, wie du Elemente aus einer bestehenden dynamischen Tabelle Block ausblenden kannst. Wenn du noch keinen funktionierenden dynamischen Tabellenblock erstellt hast (z.B. die Produkte in einem Warenkorbabbruch oder einer Bestellbestätigungs-E-Mail), erfährst du, wie du einen von Grund auf neu erstellst oder mit einer Nachricht in unserer Flow-Bibliothek beginnst. 

Schreibe deine if-Anweisungen

Bevor du Änderungen an deiner Vorlage vornimmst, erstelle 2 Code-Fragmente mit einem Text- oder Code-Editor (wo du die Schnipsel später kopieren und einfügen kannst). Jedes Code-Fragment wird aus 3 Teilen bestehen: 

1. Ein öffnendes if-Tag , {% if … %}, das angibt, welche Elemente in deinem Tabellenblock erscheinen sollen. 
2. Inhalt, wie ein Bild-Tag oder ein Text über das Produkt.
3. Ein abschließender Tag, {% endif %}.

1. Erstelle den öffnenden if-Tag

Hier sind einige Beispiele für das Öffnen des if-Tags: 

2. Erstelle den Inhalt für die if-Anweisung

Für den Inhalt befolgst du diese Schritte, um den vorhandenen Inhalt deiner dynamischen Tabelle Block zu verwenden. Schreibe dieses Code-Fragment in einem Code- oder Texteditor; du wirst es im nächsten Abschnitt in deine Vorlage einfügen. 

1. Klicke unter Zelleninhalt für das Bild des Tabellenblocks auf Ersetzen, um den Bildplatzhalter anzuzeigen.
   
2. Kopiere den gesamten Code aus dem Feld Dynamische Variable oder dynamische URL. Beachte, dass es sich dabei um eine einfache dynamische Variable oder um ein längeres Code-Fragment handeln kann; kopiere das gesamte Fragment, unabhängig von seiner Länge.
   
3. Ersetze den Platzhalter in diesem Code-Fragment durch den Code, den du aus dem Feld Dynamische Variable oder dynamische URL kopiert hast.
   

   <img src="PLACEHOLDER" style="width: 200px; height: auto;" width="200">

Wenn dein bestehender Tabellenblock eine einfache dynamische Variable für das Bild hat, sieht der resultierende Inhalt etwa so aus: 

<img src="{{item.product.variant.images.0.src}}" style="width: 200px; height: auto;" width="200">  

Wenn dein bestehender Tabellenblock ein längeres Code-Fragment enthält, könnte der resultierende Inhalt wie folgt aussehen: 

<img src="{% if item.product.variant.images.0.src %}{{item.product.variant.images.0.src}}{%else%}{{item.product.images.0.src|missing_product_image}}{%endif%}" style="width: 200px; height: auto;" width="200">

3. Füge deinen End-Tag hinzu

Dann fügst du den gesamten Inhalt zusammen: deine einleitende if-Anweisung, dann deinen Inhalt und schließlich ein abschließendes {% endif %}-Tag. 

4. Wiederhole den Vorgang für den Textinhalt

Dann wiederholst du diesen Vorgang mit dem Inhalt auf der rechten Seite deines Tabellenblocks (z. B. dem Textinhalt). Klicke auf </ >, um den Code-Editor zu öffnen, und kopiere den gesamten HTML-Inhalt. Schließe diesen Inhalt dann in dieselbe if-Anweisung ein (Schritte 1 und 3), die du für den Bildinhalt verwendet hast. 

Hier siehst du, wie alles zusammen aussieht: 

{% if item.product.name != "Route Shipping Insurance" %}
<img src="{% if item.product.variant.images.0.src %}
{{item.product.variant.images.0.src}}{%else%}
{{item.product.images.0.src|missing_product_image}}
{%endif%}"style="width: 200px; height: auto;" width="200">
{% endif %}

{% if item.product.name != "Route Shipping Insurance" %}
<h3>< a href="{{ organization.url }}produkte/{{ item.product.url }}" >
   {{ item.product.name }}
</a></h3>
<p>
   Anzahl: {{ item.quantity|floatformat:0 }} - 
 Gesamt: {% currency_format item.line_price|floatformat:2 %}
</p>
{% endif %}

Und hier ist eine Aufschlüsselung dieser Code-Fragmente: 

{% if CRITERIA %}
   BILD PLATZHALTER INHALT
{% endif %}

{% if CRITERIA %}
   PRODUKTBEZEICHNUNG
{% endif %}

Sobald du beide Code-Fragmente geschrieben hast, fährst du im Vorlage-Editor mit den folgenden Schritten fort. 

Zeilen in einer dynamischen Tabelle überspringen Block

1. Wenn deine E-Mail Teil eines Flusses ist, stelle sie auf Entwurf oder Manuell, damit die Nachrichten nicht gesendet werden, während du die Flussnachricht bearbeitest. 
2. Stelle sicher, dass der Zelleninhalt für beide Spalten des neuen Tabellenblocks auf Text eingestellt ist.
   
3. Klicke auf </ >, um den HTML-Editor für die linke Seite des Tabellenblocks zu öffnen. 
4. Kopiere das Code-Fragment für das Produktbild, das du im vorherigen Abschnitt erstellt hast, und füge es in das HTML-Feld ein.
   
5. Klicke oben links auf " Fertig" . 
6. Navigiere zum Editor für die rechte Seite der Tabelle Block. 
7. Klicke auf </ >, um den HTML-Editor für die rechte Seite des Tabellenblocks zu öffnen. 
8. Kopiere das Code-Fragment für die Produktdetails, das du im vorherigen Abschnitt erstellt hast, und füge es in das HTML-Feld ein, wobei du alle vorherigen Inhalte ersetzt. 
9. Klicke auf Fertig. 
10. Sieh dir die E-Mail in der Vorschau an, um sicherzustellen, dass sie wie erwartet erscheint: Der übersprungene Artikel sollte nicht erscheinen, aber alle anderen Artikel werden normal angezeigt. Achte darauf, dass du eine Vorschau mit einem Ereignis erstellst, das den zu versteckenden Gegenstand enthält, damit du sicherstellen kannst, dass er versteckt ist. 

Bedingte Anweisungen und der Inline-Texteditor

Wenn du bestimmte bedingte Anweisungen zu einem Textblock hinzufügst, können sie aus dem Inline-Texteditor verschwinden. Der Code ist immer noch vorhanden, er ist nur versteckt. Um bedingte Anweisungen anzuzeigen und zu bearbeiten, öffne das Feld Quellcode des Textblocks. 

Die folgenden Tags sind nur im Quellcodefeld eines Textblocks sichtbar: 

• {% for ... %}
• {% endfor %}
• {% if ... %}
• {% elif ... %}
• {% else %}
• {% endif %}
• {% with ... %}
• {% endwith %}

Fehlersuche

Es erscheinen keine Elemente in der Vorschau

1. Vergewissere dich, dass du die Vorschau mit einem Ereignis startest, das zu der von dir verwendeten Datenquelle passt (z. B. " Gestarteter Bezahlvorgang" für eine Warenkorbabbruchmeldung). 
2. Bestätige, dass die Wiederholung für und der Zeilenalias genau mit der Zeilensammlung und dem Zeilenalias aus dem ursprünglichen Block übereinstimmen. 

Das Element, das übersprungen werden sollte, wird immer noch angezeigt

Überprüfe die Rechtschreibung und Großschreibung deiner if-Anweisung. Wenn das Produkt immer noch auftaucht, bedeutet das, dass es die Kriterien in deiner if-Anweisung erfüllt. Erfahre mehr über bedingte Logik in der Vorlage. 

Ergebnis

Wenn du diese Schritte befolgt hast, werden alle Artikel, die die Kriterien in deiner Wenn-Anweisung nicht erfüllen, nicht in Nachrichten wie Warenkorbabbruch oder Bestellbestätigungs-E-Mail erscheinen.  

Zusätzliche Ressourcen

• Hinweis zur Personalisierung der Nachricht
• Wie man eine benutzerdefinierte HTML-Vorlage importiert