Hoe regels overslaan in een dynamisch tabelblok

Wat je leert

Leer hoe je rijen (bijv. items) kunt overslaan in een dynamisch tabelblok. De meest voorkomende toepassing hiervoor is het verbergen van irrelevante items, zoals verzendverzekeringen of gratis cadeau-items, uit een winkelwagen verlaten e-mail. Je kunt deze stappen echter volgen voor elke e-mail die een dynamisch tabelblok gebruikt. 

Voordat je van start gaat

In dit artikel wordt uitgelegd hoe je items uit bestaande dynamische tabelblok kunt verbergen. Als je nog geen werkend dynamisch tabelblok hebt gemaakt (bijvoorbeeld de producten in een winkelwagen verlaten of bestelbevestigingse-mail), leer dan hoe je er een vanaf nul kunt maken of begin met een bericht in onze flow bibliotheek. 

Schrijf je if-statements

Maak, voordat je wijzigingen aanbrengt in je template, 2 codefragmenten met een tekst- of code-editor (ergens waar je later de fragmenten uit kunt kopiëren en plakken). Elk codefragment bestaat uit 3 delen: 

1. Een opening als tag, {% if … %}, die aangeeft welke items in je tabelblok moeten verschijnen. 
2. Inhoud, zoals een afbeelding tag of tekst over het product.
3. Een afsluitende tag, {% endif %}.

Maak de openende if-tag

Hier zijn enkele voorbeelden van het openen van if-tags: 

Maak de inhoud voor de if-instructie

Voor inhoud volg je deze stappen om de bestaande inhoud van je dynamische tabelblok te gebruiken. Schrijf dit codefragment in een code- of teksteditor; je voegt het toe aan je template in de volgende sectie. 

1. Klik onder Celinhoud voor de afbeelding van het tabelblok op Vervangen om de plaatshouder van de afbeelding weer te geven.
   
2. Kopieer de volledige code uit het veld Dynamische variabele of dynamische URL. Merk op dat dit een eenvoudige dynamische variabele kan zijn, of een langer codefragment; kopieer alles, ongeacht de lengte.
   
3. Vervang de plaatshouder in dit codefragment door de code die je hebt gekopieerd uit het veld Dynamische variabele of dynamische URL.
   

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

Als je bestaande tabelblok een eenvoudige dynamische variabele voor de afbeelding heeft, ziet de resulterende inhoud er ongeveer zo uit: 

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

Als je bestaande tabelblok een langere codefragmentatie bevat, kan de resulterende inhoud er als volgt uitzien: 

<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">

Voeg je einde toe tag

Voeg vervolgens alle inhoud samen: je openingszin als, dan je inhoud en tot slot een afsluitende {% endif %} tag. 

Herhaal dit voor de tekstinhoud

Herhaal dit proces vervolgens met de inhoud aan de rechterkant van je tabelblok (bijvoorbeeld de tekstinhoud). Klik op </ > om de code-editor te openen en kopieer alle HTML-inhoud, verpak deze inhoud vervolgens in dezelfde if-instructie (stappen 1 en 3) die je hebt gebruikt voor de afbeeldingsinhoud. 

Hier zie je hoe alles er samen uitziet: 

{% 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 }}products/{{ item.product.url }}" >
   {{ item.product.name }}
</a></h3>
<p>
   Hoeveelheid: {{ item.quantity|floatformat:0 }} - 
 Totaal: {% currency_format item.line_price|floatformat:2 %}
</p>
{% endif %}

En hier is een uitsplitsing van die codefragmenten: 

{% if CRITERIA %}
   INHOUD PLAATSHOUDER AFBEELDING
{% endif %}

{% if CRITERIA %}
   PRODUCTOMSCHRIJVING
{% endif %}

Zodra je beide codefragmenten hebt geschreven, ga je verder in de template editor volgens de onderstaande stappen. 

Rijen overslaan in een dynamisch tabelblok

1. Als je e-mail deel uitmaakt van een flow, stel deze dan in op Concept of Handmatig zodat berichten niet worden verzonden terwijl je het flow bericht bewerkt. 
2. Zorg ervoor dat de Celinhoud voor beide kolommen van het nieuwe tabelblok is ingesteld op Tekst.
   
3. Klik op </ > om de HTML-editor voor de linkerkant van het tabelblok te openen. 
4. Kopieer het codefragment van de productafbeelding dat je in de vorige sectie hebt gemaakt en plak het in het HTML-veld.
   
5. Klik linksboven op Klaar . 
6. Navigeer naar de editor voor de rechterkant van het tabelblok. 
7. Klik op </ > om de HTML-editor voor de rechterkant van het tabelblok te openen. 
8. Kopieer het codefragment voor de productgegevens dat je in de vorige sectie hebt gemaakt en plak het in het HTML-veld, waarbij alle vorige inhoud wordt vervangen. 
9. Klik op Klaar. 
10. Bekijk een voorbeeld van de e-mail om er zeker van te zijn dat deze verschijnt zoals verwacht: het overgeslagen item zou niet moeten verschijnen, maar alle andere items zullen normaal verschijnen. Zorg ervoor dat je een voorbeeld geeft met een gebeurtenis die het item bevat dat je probeert te verbergen, zodat je zeker weet dat het verborgen is. 

Voorwaardelijke verklaringen en de inline teksteditor

Wanneer je bepaalde voorwaardelijke uitspraken toevoegt aan een tekstblok, kunnen deze verdwijnen uit de inline teksteditor. De code is nog steeds aanwezig; hij is alleen verborgen. Om voorwaardelijke verklaringen te bekijken en te bewerken, open je het veld Broncode van het tekstblok. 

De volgende tags zijn alleen zichtbaar in het veld Broncode van een tekstblok: 

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

Probleemoplossing

Er verschijnen geen items in het voorbeeld

1. Zorg ervoor dat je een voorbeeld bekijkt met een gebeurtenis die overeenkomt met de gegevensbron die je hebt gebruikt (bijv. Begonnen met afrekenen voor een winkelwagen verlaten bericht). 
2. Controleer of de Repeat for en Row alias precies overeenkomen met de Row collection en Row alias van het oorspronkelijke blok. 

Het item dat moet worden overgeslagen verschijnt nog steeds

Controleer de spelling en het hoofdlettergebruik van je als verklaring. Als het product nog steeds verschijnt, betekent dit dat het voldoet aan de criteria in je if-statement, dus je if-statement is niet correct geconfigureerd. Leer meer over voorwaardelijke logica in sjablonen. 

Resultaat

Na het volgen van deze stappen zullen items die niet voldoen aan de criteria in je if statement niet verschijnen in berichten zoals winkelwagen verlaten of e-mail met orderbevestiging.  

Extra hulpbronnen

• Referentie personalisatie bericht
• Hoe importeer je een aangepaste HTML template