Replies posted by odp

3 Replies

Julia.LiMarzi
Klaviyo Employee
Julia.LiMarziKlaviyo Employee
posted in Email Templates and Coupons

Adding images side by side in an email

Thanks for your reply, very helpful. Hey @odp, When using the catalog lookup function, this would typically only display one product image unless you are looping and iterating over this variable. In which case, you should be able to apply conditional logic to check for the length of the list using a |length filter. This is also a bit reminiscent of how Klaviyo’s Recently Viewed Product function is set up where it uses a |length >= 3 to only highlight 3 products to display in the email. For further reading, I would also suggest taking a look at the Django Documentation to see what is possible using Klaviyo’s template editor. I hope you have a great day! David   A simplified solution is posted below:{% for item in person|lookup:'WishlistItemIDs' %} {% if forloop.counter0|divisibleby:2 %} <div class="controlsEachRow"> {% endif %} {% catalog item %} {{ catalog_item.featured_image.full.src }} {% endcatalog %} {% if forloop.counter|divisibleby:2 or for

22
L
Contributor III
1 month ago
Julia.LiMarzi
Klaviyo Employee
Julia.LiMarziKlaviyo Employee
posted in Email Templates and Coupons

Adding images side by side in an email

Now what if you are using lookup tags and you don’t know how many images you have. You just know you want two or three images per row?ie. (hypothetical example)<div style="display: grid; grid-template-columns: 1fr 1fr;"> {% for item in person|lookup:'WishlistItemIDs' %} {% catalog item.SKU %} <div> <img src="{{ catalog_item.featured_image.full.src }}"/> </div> {% endcatalog %} {% endfor %}</div> 

22
L
Contributor III
1 month ago
O
Problem Solver I
odpProblem Solver I
asked in Developer Group

"WishlistItemIDs" - What's the point?

Well look at silly me.It was right there, very well hidden. Identify APIAfter changing my API call from an event to Identify, products are rolling in as custom properties. ready to be looped through in your template and flow. {% for item in person|lookup:'WishlistItemIDs' %} {% catalog item unpublished="cancel" %} {{ catalog_item.title }} {% endcatalog %} {% endfor %} 

1
O
Problem Solver I
2 years ago

Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.