Come saltare le righe in un blocco di tabelle dinamiche

Imparerai

Impari a saltare le righe (ad esempio, gli elementi) in un blocco di tabelle dinamiche. Il caso d'uso più comune è quello di nascondere gli elementi irrilevanti, come l'assicurazione di spedizione o gli articoli in omaggio, da un'e-mail di carrello abbandonato. Tuttavia, può seguire questi passaggi per qualsiasi e-mail che utilizzi un blocco di tabelle dinamiche. 

Prima di iniziare

Questo articolo spiega come nascondere gli elementi dai blocchi di tabelle dinamiche esistenti. Se non ha ancora creato un blocco di tabelle dinamiche funzionante (ad esempio, i prodotti di un carrello abbandonato o un'e-mail di conferma dell'ordine), impari a crearne uno da zero o inizi con un messaggio della nostra libreria di flussi. 

Scriva le sue dichiarazioni if

Prima di apportare modifiche al suo modello, crei 2 snippet di codice utilizzando un editor di testo o di codice (un posto dove potrà copiare e incollare gli snippet in seguito). Ogni frammento di codice sarà composto da 3 parti: 

1. Un tag if di apertura, {% if … %}, che indica quali elementi devono apparire nel suo blocco tabella. 
2. Contenuto, come un tag di immagine o un testo sul prodotto.
3. Un tag di chiusura, {% endif %}.

1. Crei il tag if di apertura

Ecco alcuni esempi di apertura dei tag if: 

2. Creare il contenuto dell'istruzione if

Per il contenuto, segua questi passaggi per utilizzare il contenuto esistente del suo blocco di tabelle dinamiche. Scriva questo frammento di codice in un editor di codice o di testo; lo aggiungerà al suo modello nella prossima sezione. 

1. Sotto Contenuto della cella per l'immagine del blocco tabella, faccia clic su Sostituisci per visualizzare il segnaposto dell'immagine.
   
2. Copi l'intero codice dal campo Variabile dinamica o URL dinamico. Si noti che questa può essere una semplice variabile dinamica, oppure un frammento di codice più lungo; copi tutto, indipendentemente dalla lunghezza.
   
3. Sostituisca il segnaposto in questo frammento di codice con il codice che ha copiato dal campo Variabile dinamica o URL dinamico.
   

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

Se il blocco tabella esistente ha una semplice variabile dinamica per l'immagine, il contenuto risultante sarà simile a questo: 

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

Se il blocco tabella esistente contiene uno snippet di codice più lungo, il contenuto risultante potrebbe apparire come questo: 

<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. Aggiunga la sua etichetta finale

Quindi, metta insieme tutti i contenuti: la sua dichiarazione if di apertura, poi il suo contenuto e infine un tag {% endif %} di chiusura. 

4. Ripetere per il contenuto del testo

Quindi, ripeta questo processo con il contenuto del lato destro del suo blocco tabella (ad esempio, il contenuto del testo). Clicchi su </ > per aprire l'editor di codice e copi tutto il contenuto HTML, quindi avvolga questo contenuto nella stessa dichiarazione if (passi 1 e 3) che ha usato per il contenuto dell'immagine. 

Ecco come appare tutto insieme: 

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

Ed ecco la suddivisione di questi frammenti di codice: 

{% if CRITERIA %}
   CONTENUTO SEGNAPOSTO DELL'IMMAGINE
{% endif %}

{% if CRITERIA %}
   DESCRIZIONE DEL PRODOTTO
{% endif %}

Una volta scritti entrambi gli snippet di codice, continui nell'editor di modelli seguendo i passi seguenti. 

Salta le righe in un blocco di tabelle dinamiche

1. Se la sua email fa parte di un flusso, la imposti su Bozza o Manuale, in modo che i messaggi non vengano inviati mentre lei modifica il messaggio del flusso. 
2. Si assicuri che il Contenuto della cella per entrambe le colonne del nuovo blocco tabella sia impostato su Testo.
   
3. Clicchi su </ > per aprire l'editor HTML per il lato sinistro del blocco tabella. 
4. Copi lo snippet di codice dell'immagine del prodotto creato nella sezione precedente e lo incolli nel campo HTML.
   
5. Clicchi su Fatto in alto a sinistra. 
6. Si rechi nell'editor del lato destro del blocco tabella. 
7. Clicchi su </ > per aprire l'editor HTML per il lato destro del blocco tabella. 
8. Copi lo snippet di codice dei dettagli del prodotto creato nella sezione precedente e lo incolli nel campo HTML, sostituendo tutti i contenuti precedenti. 
9. Clicchi su Fine. 
10. Analizzi l'e-mail per assicurarsi che appaia come previsto: l'elemento saltato non dovrebbe apparire, ma tutti gli altri elementi appariranno normalmente. Si assicuri di visualizzare l'anteprima con un evento che contiene l'elemento che sta cercando di nascondere, in modo da assicurarsi che sia nascosto. 

Le dichiarazioni condizionali e l'editor di testo in linea

Quando aggiunge alcune dichiarazioni condizionali a un blocco di testo, queste possono scomparire dall'editor di testo in linea. Il codice è ancora presente, ma è solo nascosto. Per visualizzare e modificare le dichiarazioni condizionali, apra il campo Codice sorgente del blocco di testo . 

I seguenti tag sono visibili solo nel campo Codice sorgente di un blocco di testo : 

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

Risoluzione dei problemi

Nessun elemento appare nell'anteprima

1. Si assicuri di eseguire l'anteprima con un evento che corrisponda alla fonte di dati utilizzata (ad esempio, Checkout avviato per un messaggio di carrello abbandonato). 
2. Confermi che la ripetizione per e l'alias di riga corrispondono esattamente alla collezione di righe e all'alias di riga del blocco originale. 

L'elemento che dovrebbe essere saltato continua a comparire.

Controlli l'ortografia e la capitalizzazione della sua dichiarazione if. Se il prodotto appare ancora, significa che soddisfa i criteri della sua dichiarazione if, quindi la sua dichiarazione if non è configurata correttamente. Per saperne di più sulla logica condizionale nei modelli. 

Risultato

Dopo aver seguito questi passaggi, gli articoli che non soddisfano i criteri della sua dichiarazione if non appariranno nei messaggi come il carrello abbandonato o le e-mail di conferma dell'ordine.  

Risorse aggiuntive

• Riferimento alla personalizzazione del messaggio
• Come importare un modello HTML personalizzato