Skip to main content
Solved

Large image size


Forum|alt.badge.img

Hi everyone,

The images on my shopify store are huge in size. What is the best way to display the dynamic images in email as the image takes too long to load?

Best answer by Maxbuzz

Hello @lohsam 

After {{ event.ImageURL}} add these two parameters ?height=200&width=200

it should look like this

{{ event.ImageURL}}?height=200&width=200

 

View original
Did this topic or the replies in the thread help you find an answer to your question?

3 replies

retention
Partner - Platinum
Forum|alt.badge.img+62
  • 2025 Champion
  • 944 replies
  • May 31, 2024

Hi @lohsam, welcome to the community.

Are you referring to the images specific to the Product Block?  As far as I know, the dynamic images for something like the Product Block, for the native Shopify integrated Product Catalog, will default to the primary image for each product. The only way to change this is to create your own custom Product Catalog to Klaviyo and provide a different image.  This isn’t a trivial process, but some details can be found here and you need to provide it an alternate image.

If you are building Templates for specific Shopify metrics (e.g. Placed Order, or Checkout Started), you may be able to access the alternate images of each product that are available in the event data.

For example, in Checkout Started (Shopify), you can use the thumbnail URL source in the line_items here:

Shopify does create thumbnail versions of images and that is passed to Klaviyo on certain events.

Which event is your Flow triggering on?  Can you show some examples?


Forum|alt.badge.img
  • Author
  • Contributor I
  • 1 reply
  • June 2, 2024

It is for a browse abandonment flow. One dyanamimc image for the browse abandoned item and one product block with 6 items and couple of other sections- and the email size is greater than 90KB. 
 


Forum|alt.badge.img+31
  • Partner
  • 252 replies
  • Answer
  • June 3, 2024

Hello @lohsam 

After {{ event.ImageURL}} add these two parameters ?height=200&width=200

it should look like this

{{ event.ImageURL}}?height=200&width=200