Cómo omitir líneas en un bloque de tabla dinámica

Qué aprenderás

Aprenda a omitir filas (por ejemplo, elementos) en un bloque de tabla dinámica. El caso de uso más común para esto es ocultar elementos irrelevantes, como seguros de envío o artículos de regalo, de un correo electrónico de carrito abandonado. No obstante, puede seguir estos pasos para cualquier correo electrónico que utilice un bloque de tabla dinámica. 

Antes de empezar

En este artículo se explica cómo ocultar elementos de los bloques de tablas dinámicas existentes. Si aún no ha creado un bloque de tabla dinámica que funcione (por ejemplo, los productos de un carro abandonado o un correo electrónico de confirmación de pedido), aprenda a crear uno desde cero o empiece con un mensaje de nuestra biblioteca de flujos. 

Escriba sus sentencias if

Antes de realizar cambios en su plantilla, cree 2 fragmentos de código utilizando un editor de texto o código (en algún lugar del que pueda copiar y pegar los fragmentos más tarde). Cada fragmento de código constará de 3 partes: 

1. Una etiqueta if de apertura, {% if … %}, que indica qué elementos deben aparecer en su bloque de tabla. 
2. Contenido, como una etiqueta de imagen o un texto sobre el producto.
3. Una etiqueta de cierre, {% endif %}.

1. Cree la etiqueta inicial if

He aquí algunos ejemplos de apertura de etiquetas if: 

2. Cree el contenido de la sentencia if

Para el contenido, siga estos pasos para utilizar el contenido existente de su bloque de tabla dinámica. Escriba este fragmento de código en un editor de código o de texto; lo añadirá a su plantilla en la siguiente sección. 

1. En Contenido de celda para la imagen del bloque de tabla, haga clic en Reemplazar para ver el marcador de posición de la imagen.
   
2. Copie todo el código del campo Variable dinámica o URL dinámica. Tenga en cuenta que puede tratarse de una simple variable dinámica o de un fragmento de código más largo; cópielo todo, independientemente de su longitud.
   
3. Sustituya el marcador de posición de este fragmento de código por el código que ha copiado del campo Variable dinámica o URL dinámica.
   

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

Si su bloque de tabla existente tiene una variable dinámica simple para la imagen, el contenido resultante tendrá un aspecto similar al siguiente: 

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

Si su bloque de tabla existente contiene un fragmento de código más largo, el contenido resultante podría tener este aspecto: 

<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. Añada su etiqueta final

A continuación, junte todo el contenido: su declaración if de apertura, luego su contenido y, por último, una etiqueta {% endif %} de cierre. 

4. Repita la operación para el contenido del texto

A continuación, repita este proceso con el contenido de la parte derecha de su bloque de tabla (por ejemplo, el contenido de texto). Haga clic en </ > para abrir el editor de código y copie todo el contenido HTML, luego envuelva este contenido en la misma sentencia if (pasos 1 y 3) que utilizó para el contenido de la imagen. 

Así es como se ve todo junto: 

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

Y aquí tiene un desglose de esos fragmentos de código: 

{% if CRITERIA %}
   CONTENIDO DEL MARCADOR DE POSICIÓN DE LA IMAGEN
{% endif %}

{% if CRITERIA %}
   DESCRIPCIÓN DEL PRODUCTO
{% endif %}

Una vez que haya escrito ambos fragmentos de código, continúe en el editor de plantillas siguiendo los pasos que se indican a continuación. 

Omitir filas en un bloque de tabla dinámica

1. Si su mensaje forma parte de un flujo, póngalo en Borrador o Manual para que los mensajes no se envíen mientras edita el mensaje del flujo. 
2. Asegúrese de que el Contenido de celda para ambas columnas del nuevo bloque de tabla está establecido en Texto.
   
3. Haga clic en </ > para abrir el editor HTML de la parte izquierda del bloque de tabla. 
4. Copie el fragmento de código de la imagen del producto que creó en la sección anterior y péguelo en el campo HTML.
   
5. Pulse Hecho en la parte superior izquierda. 
6. Navegue hasta el editor de la parte derecha del bloque de tabla. 
7. Haga clic en </ > para abrir el editor HTML de la parte derecha del bloque de tabla. 
8. Copie el fragmento de código de los detalles del producto que creó en la sección anterior y péguelo en el campo HTML, sustituyendo todo el contenido anterior. 
9. Pulse Hecho. 
10. Previsualice el correo electrónico para asegurarse de que aparece como se espera: el elemento omitido no debería aparecer, pero todos los demás elementos aparecerán con normalidad. Asegúrese de realizar una vista previa con un evento que contenga el elemento que intenta ocultar, para poder asegurarse de que está oculto. 

Sentencias condicionales y el editor de texto en línea

Cuando añada determinadas sentencias condicionales a un bloque de texto, es posible que desaparezcan del editor de texto en línea. El código sigue presente; sólo está oculto. Para ver y editar las sentencias condicionales, abra el campo Código fuente del bloque de texto. 

Las siguientes etiquetas sólo son visibles en el campo Código fuente de un bloque de texto: 

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

Resuelve problemas

No aparecen elementos en la vista previa

1. Asegúrese de que está previsualizando con un evento que coincide con la fuente de datos que ha utilizado (por ejemplo, Pago iniciado para un mensaje de carrito abandonado). 
2. Confirme que la Repetición para y el Alias de fila coinciden exactamente con la Colección de filas y el Alias de fila del bloque original. 

El elemento que debería omitirse sigue apareciendo

Compruebe la ortografía y las mayúsculas de su declaración "si". Si el producto sigue apareciendo, significa que cumple los criterios de su sentencia if, por lo que su sentencia if no está configurada correctamente. Más información sobre la lógica condicional en las plantillas. 

Resultado

Tras seguir estos pasos, los artículos que no cumplan los criterios de su declaración if no aparecerán en mensajes como los de carrito abandonado o confirmación de pedido.  

Recursos adicionales

• Referencia de personalización del mensaje
• Cómo importar una plantilla HTML personalizada