Hi team @ Klaviyo,
My templates are over the clipping size for Gmail due to the Product Block using full size image src from Shopify. I can see in event properties when looking at the data that there is a thumb_src for line_items. Is there a possibility to use that instead?
Best answer by OmarView original
Clipping only takes place when the html code of the email exceeds 102kb. Image size has nothing to do with this.
The good thing is that Klaviyo has started adding an email clipping warning to the preview section of emails so that should help.
Check out this link for more info: https://help.klaviyo.com/hc/en-us/articles/115000591251-Why-is-my-email-being-clipped-
As for actions to take:
Let me know if that helped?
Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner
Klaviyo - CRO - Customer Value Optimization Specialist
Hi Omar, Thanks for the response. Given your answer, I think the problem may have multiple parts now.
Point one is solved thanks to your answer of reducing sections which we’ll do.
Unfortunately for point 2, I think the product images coming from our catalogue are the original size (2000px x 3000px) and not the thumbnail source forcing the templates to resize the large images which breaks in certain clients.
I found a similar thread with an answer which will be useful to part solve some sections with using a dynamic table block.
However it doesn’t solve the issue when we need to use the product block. Will investigate more. Thanks again.
It has helped a lot with image size/ loading speed etc, quite amazing how much smaller it can make your images without losing definition.
Hi Sean. Thanks for your response. Yeah we’ve used squoosh in the past. On our storefront, we’re able to transform the images by appending `_WIDTHxHEIGHT` to the end of the filename. e.g
This allows us to use Shopify’s image transform feature to handle images responsively for different parts of the site so we don’t worry what marketing uploads.
My issue with the Product Block, is it uses the full size image source when I can see in event data that there’s also a thumbnail source which is provided. I’m not sure if it’s Klaviyo’s or Shopify’s API that is doing this, and if it’s available for the Product Block as it is when using a Dynamic Table block.