Display Product Image in Shipping Confirmation Mail designed with Klavyio

Technical Q&A

Topic summary

Main issue: Product images are not rendering in a Shipping Confirmation email built in Klaviyo.

  • Context: The sender uses Klaviyo (email marketing platform) and Liquid-like template syntax to populate line item images.
  • Attempted code: {{ line_item.image | img_url: ‘medium’ | img_tag }}. Also tried {{ line.line_item | img_url: ‘compact_cropped’ }}.
  • Result: Customers receive the email with no product image displayed.
  • Evidence: A screenshot is attached showing the missing image area, which is central to understanding the problem.
  • Ask: Guidance on the correct variable and/or syntax to pull and display the product image in the shipping confirmation flow.
  • Status: No solution or workaround provided yet; the request remains open.
Summarized with AI on December 15. AI used: gpt-5.
1

Hi there,

I’m having trouble with the product image not displaying in the Shipping Confirmation email. The email is designed in Klaviyo, and I’m using this variable for the image field:
{{ line_item.image | img_url: ‘medium’ | img_tag }}

However, when customers receive the email, the image doesn’t appear.

Screenshot 2024-11-04 alle 16.11.29.png
Screenshot 2024-11-04 alle 16.11.29.png683×424 22 KB

I also tried other variations, like:
{{ line.line_item | img_url: ‘compact_cropped’ }}

but still no luck.

Could you help me figure out how to get the product image to display properly?
Thank you!