Skip to main content
Solved

Abandon Cart flows - Image representation

  • December 14, 2020
  • 1 reply
  • 409 views

Forum|alt.badge.img+2

Hi all, 

I’m looking at our current set up of abandon cart emails, is it possible to move the text from the dynamic feed to underneath the image instead of to the side? 

I’ve attached an image of the area I mean. 

If this has already been answered anywhere, I apologise in advance! 

Thanks in advance!

Ali  

Best answer by retention

@Alastairofecw No worries about asking questions here, I think most people here are just trying to help each other.


To answer you question specifically, the block that you show is actually just a “Table Block” so you can modify it and edit how you see fit.  The easiest way to add an image is to remove the column with the image, and the put the image inline within the text column so that the image and the text share the same column.

Here’s what I mean:

  1. Grab the image source of the image in the column.  If you’re on Shopify, it might look like this: {{ item.product.images.0.src }}
  2. Delete the Image Column since we’re going to have rows with only one column where the image and text are in the same column.
  3. Add the Image in the Text Block where you want to place it.
  4. Make sure to use that dynamic variable as the value for the Image Source.
  5. Make any adjustments you need to the image size, the text, etc.

Here’s a screenshot of what that might look like:

 

Hope this helps!

 

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

1 reply

retention
Partner - Platinum
Forum|alt.badge.img+62
  • 2025 Champion
  • 938 replies
  • Answer
  • December 14, 2020

@Alastairofecw No worries about asking questions here, I think most people here are just trying to help each other.


To answer you question specifically, the block that you show is actually just a “Table Block” so you can modify it and edit how you see fit.  The easiest way to add an image is to remove the column with the image, and the put the image inline within the text column so that the image and the text share the same column.

Here’s what I mean:

  1. Grab the image source of the image in the column.  If you’re on Shopify, it might look like this: {{ item.product.images.0.src }}
  2. Delete the Image Column since we’re going to have rows with only one column where the image and text are in the same column.
  3. Add the Image in the Text Block where you want to place it.
  4. Make sure to use that dynamic variable as the value for the Image Source.
  5. Make any adjustments you need to the image size, the text, etc.

Here’s a screenshot of what that might look like:

 

Hope this helps!