Hey all!
We are running into some issues with our dynamic table blocks not showing any of our abandoned cart content. Our templates are built outside of the Klaviyo Drag & Drop builder so all dynamic content is done in HTML.
A suggestion from Klaviyo help was to build the block in Klaviyo temp builder and export in HTML to pluck the structured code to insert into our template. We have done so but coming up short when we import the temp back into Klaviyo. The block is rendering the expected results in the D&D builder inside of Klaviyo but not rendering any results outside in our HTML template. Where are we going wrong?!
Code below. Row Collection = event.Items | Row Alias = item
<table border="0" cellpadding="0" cellspacing="0" class="kmTableBlock kmTableMobile" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0" width="100%">
<tbody class="kmTableBlockOuter">
<tr>
<td class="kmTableBlockInner" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; padding-top:9px; padding-bottom:9px; padding-left:0; padding-right:0" valign="top"> {% if event.Items %} {% for item in event.Items %} {% endfor %} <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTable" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0" width="100%">
<thead>
<tr>
<th class="kmTextContent" style="color:#222; font-family:"Helvetica Neue", Arial; font-size:14px; letter-spacing:normal; line-height:130%; text-align:left; width:35%; padding-top:0; font-weight:bold; padding-right:0; padding-left:0; padding-bottom:0" valign="top"> </th>
<th class="kmTextContent" style="color:#222; font-family:"Helvetica Neue", Arial; font-size:14px; letter-spacing:normal; line-height:130%; text-align:left; width:65%; padding-top:0; font-weight:bold; padding-right:0; padding-left:0; padding-bottom:0" valign="top"> </th>
</tr>
</thead>
<tbody>
<tr class="kmTableRow">
<td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; color:#222; font-family:"Helvetica Neue", Arial; font-size:14px; letter-spacing:normal; line-height:130%; text-align:left; width:35%; border-top-style:none; padding-bottom:4px; padding-right:10px; padding-left:10px; padding-top:4px; border-top-color:#d9d9d9; border-top-width:0" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0" width="100%">
<tbody>
<tr>
<td class="kmImageContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; font-size:0; padding:0" valign="top"> <a href="{% if not 'Addon' in item.Name %}{% if not 'addon' in item.SKU %}{{ item.ProductURL }}{% endif %}{% endif %}" style="color:#2464FF; font-weight:normal; text-decoration:underline; word-wrap:break-word" target="_self"> <img align="right" alt="{% if not 'Add on' in item.Name %}{% if not 'addon' in item.SKU %} {{ item.Name }} {% endif %}{% endif %}" class="kmImage" src="{% if not 'Add on' in item.Name %} {% if not 'addon' in item.SKU %} {{ item.ImageURL|missing_image }} {% endif %} {% endif %}" style="border:0; height:auto; line-height:100%; outline:none; text-decoration:none; margin-left:0; font-size:12px; padding-bottom:0; vertical-align:top; display:inline; max-width:200px" width="200"> </a> </td>
</tr>
</tbody>
</table>
</td>
<td class="kmTextContent" style="border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; color:#222; font-family:"Helvetica Neue", Arial; font-size:14px; letter-spacing:normal; line-height:130%; text-align:left; border-right:none; width:65%; border-top-style:none; padding-bottom:4px; padding-right:10px; padding-left:10px; padding-top:4px; border-top-color:#d9d9d9; border-top-width:0" valign="top"> {% if not 'Add on' in item.Name %}{% if not 'addon' in item.SKU %} <h3 style="display:block; font-family:"Helvetica Neue", Arial; font-size:24px; font-style:normal; font-weight:bold; letter-spacing:normal; line-height:110%; margin-bottom:12px; margin-left:0; margin-right:0; margin-top:0; text-align:left; color:#222"><a href="{{ item.ProductURL }}" style="color:#2464FF; font-weight:normal; text-decoration:underline; word-wrap:break-word">{{ item.Name }}</a></h3>
<p style="margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding-bottom:0">Quantity: {{ item.Quantity|floatformat:0 }} — Total: ${{ item.ItemPrice|floatformat:2 }}</p> {% endif %}{% endif %}
</td>
</tr>
</tbody>
</table> {% else %} {% endif %} </td>
</tr>
</tbody>
</table>
Thanks everyone!