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

Objetivos del artículo

Aprende 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. Sin embargo, puedes seguir estos pasos para cualquier correo electrónico que utilice un bloque de tabla dinámica. 

Antes de empezar

Este artículo explica cómo ocultar elementos de un bloque de tabla dinámica existente. Si aún no has creado un bloque de tabla dinámica que funcione (por ejemplo, los productos de un carrito abandonado o una confirmación de pedido por correo electrónico), aprende a crear uno desde cero o empieza con un mensaje de nuestra biblioteca de flujos. 

Escribe tus sentencias if

Antes de hacer cambios en tu plantilla, crea 2 fragmentos de código utilizando un editor de texto o de código (en algún lugar del que puedas 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 tu bloque de tabla. 
2. Contenido, como una etiqueta de imagen o texto sobre el producto.
3. Una etiqueta de cierre, {% endif %}.

Crea la etiqueta inicial if

Aquí tienes algunos ejemplos de apertura si etiqueta: 

Crea el contenido de la sentencia if

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

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

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

Si tu bloque de tabla existente tiene una variable dinámica simple para la imagen, el contenido resultante tendrá un aspecto parecido a éste: 

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

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

Añade tu etiqueta final

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

Repítelo para el contenido del texto

A continuación, repite este proceso con el contenido de la parte derecha de tu bloque de tabla (por ejemplo, el contenido de texto). Haz clic en </ > para abrir el editor de código y copia todo el contenido HTML, luego envuelve este contenido en la misma sentencia if (pasos 1 y 3) que utilizaste 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í tienes 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 hayas escrito ambos fragmentos de código, continúa en el editor de plantilla siguiendo los pasos que se indican a continuación. 

Saltar filas en un bloque de tabla dinámica

1. Si tu correo electrónico forma parte de un flujo, configúralo como Borrador o Manual para que los mensajes no se envíen mientras editas el mensaje de flujo. 
2. Asegúrate de que el Contenido de celda de ambas columnas del nuevo bloque de tabla está establecido en Texto.
   
3. Haz clic en </ > para abrir el editor HTML de la parte izquierda del bloque de tabla. 
4. Copia el fragmento de código de la imagen del producto que creaste en la sección anterior y pégalo en el campo HTML.
   
5. Pulsa Hecho en la parte superior izquierda. 
6. Navega hasta el editor de la parte derecha del bloque de tabla. 
7. Haz clic en </ > para abrir el editor HTML de la parte derecha del bloque de tabla. 
8. Copia el fragmento de código de los detalles del producto que creaste en la sección anterior y pégalo en el campo HTML, sustituyendo todo el contenido anterior. 
9. Pulsa Hecho. 
10. Previsualiza el correo electrónico para asegurarte de que aparece como se espera: el elemento omitido no debería aparecer, pero todos los demás elementos aparecerán con normalidad. Asegúrate de previsualizar con un evento que contenga el elemento que intentas ocultar, para asegurarte de que está oculto. 

Declaraciones condicionales y editor de texto integrado

Cuando añadas determinadas declaraciones condicionales a un bloque de texto, es posible que desaparezcan del editor de texto integrado. El código seguirá estando allí, pero oculto. Para ver y editar las sentencias condicionales, abre el campo Código fuente del bloque de texto. 

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

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

Guía de solución de problemas

No aparecen elementos en la vista previa

1. Asegúrate de que estás previsualizando con un evento que coincide con la fuente de datos que has utilizado (por ejemplo, Página de inicio de pago para un mensaje de carrito abandonado). 
2. Confirma 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

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

Resultado

Después de seguir estos pasos, los artículos que no cumplan los criterios de tu declaración if no aparecerán en mensajes como carrito abandonado o confirmación de pedido por correo electrónico.  

Recursos adicionales

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