Hello Community,
I'm seeking some assistance with a recurring issue I've been facing in Klaviyo. I am working on an email template for a Browser Abandonment Flow, where I am trying to display images of items that a user has viewed. However, the images are not being displayed correctly in the generated emails. This issue has been persisting for a while, even though it was functioning perfectly in the past.
Below is a snippet of the code I am utilizing:
{% if person.ViewedItems|length >= 1 %}
<div class="viewed-items-wrapper">
{% for item in person.ViewedItems|slice:":4" %}
<table class="item-table">
<tbody>
<tr>
<td><a href="{{ item.Url }}"><img src="{{ event.ImageURL|default:'' }}" /></a></td>
</tr>
<tr>
<td class="item-title"><a href="{{ item.Url }}">{{ item.Title }}</a></td>
</tr>
<tr>
<td class="item-price"><em>{{ item.Metadata.Price|striptags }}</em></td>
</tr>
<tr>
<td><a class="cta-button" href="{{ item.Url }}">View Item</a></td>
</tr>
</tbody>
</table>
{% endfor %}
</div>
{% endif %}
I have attempted to reference the image URL with {{ event.ImageURL|default:'' }}
as per Klaviyo's documentation, but without success.
Has anyone encountered a similar issue or could provide insight on whether I am using the correct variable to reference the image URL? Any suggestions or additional steps to resolve this issue would be greatly appreciated!
Thank you in advance for any help or guidance.
Best regards,