2 images inline??

Hi,
I've created an email template for a client (I have a very limited understanding of html and css!!) the client is an illustration agency and they required a basic template to send examples of artists work to clients, allowing them to drop the selected images easily in without having to get me to get their hands dirty with any coding.
The template I created works well however what I really wanted was to be able to let them put multiple images in one line like this:

mock up template

However, when I tried to do this using the campaign monitor WYSIWYG editor, I couldn't! I tried to do it using this code:

<repeater toc='true'>
  <$title link='true' default=''$>
  <$description default=''$>
  <img src="<$imagesrc link='true'$>" width="180">
<img src="<$imagesrc link='true'$>" width="180">
</repeater>

alas this didn't give me the option to upload two images it just repeated one, next to each other, so they were inline like I wanted but the same image twice.
Next I tried this:

<repeater toc='true'>
  <$title link='true' default=''$>
  <$description default=''$>
  <img src="<$imagesrc link='true'$>" width="180">
</repeater>

<repeater>
  <img src="<$imagesrc link='true'$>" width="180">
</repeater>

This time it sat the images on top of each other, and also put all the 'titled' repeaters first in one group and all the subsequent images below in on group and I couldn't rearrange this.

Is there any way of achieving what I want? or should I just accept defeat?

The first email sent out we had to just use 1 image per artist and have it take up a whole line which is ok, but not ideal as it makes the email really long (made doubly annoying by my 'back to top' issue previously posted), which limits the amount of images they can add.
you can see this here:

sent email


Please if anyone can help me I would be very grateful.

Thanks Jake

Diana Diana, 7 years ago

Hi Jake,

That's a tough one. You can only have one instance of each tag in a repeater so you won't be able to have multiple images like that in a repeater. Do they have a defined number of artists each time? If so you could always make a static template instead of a repeating one.


~*~~*~~*~~*~
D. Potter
Campaign Monitor
JakeLabz, 7 years ago

Thanks Diana,
Currently the amount of artists per mail out isn't set but I guess that could be an option I can Discuss with them. That may give me more room to play with the design as well.

muffalin, 7 years ago

I have the same problem here and a very urgent one :( I need a posibility, that my customer can add more than one image per repeated area - is there any solution for this? it should look like this:

repeated area
mood image
article title
article (with 1-4 images)
end of repeated area

repeated area
mood image
article title
article (with 1-4 images)
end of repeated area

if I try to trick a little bit with the mood image and put the mood image as HTML at the end of the article (before the article the mood image actually belongs to), the go up link is positioned after the image, so it looks like the mood image belongs to the article before.

Mathew Mathew, 7 years ago

Hi Muffalin,

As Diana mentioned, our repeaters only support one image in them. If you have a set number of articles, you'd just use non-repeating elements where you can have as many images as you like though.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
harrynt, 7 years ago

Hi,

I have just uploaded a template to CM and can't seem to insert images using the WSIWYG editor. What image tage would I need to insert in my html template to do this?

Many thanks,
Harry

Stef, 7 years ago
harrynt :

Hi,

I have just uploaded a template to CM and can't seem to insert images using the WSIWYG editor. What image tage would I need to insert in my html template to do this?

Many thanks,
Harry

That would be something like:
<img src="<$imagesrc link='true'$>" width="200">
or
<img src="<$imagesrc link='false'$>" width="160" height="151" align="right" hspace="10">

as described on http://help.campaignmonitor.com/topic.aspx?t=129

charger70 charger70, 7 years ago

seems like the best option for MULTIPLE IMAGES is to simply create new stories (using repeater) and adding an image per story - plus whatever caption information is required.

while not the perfect solution, it will work within the parameters of the repeater technology. agreed?

BraceRosso, 7 years ago

When advising Jake, I'd recommend the client combining the images with a white bar separating them.  That would give the effect of multiple images - that process you can combine as many as you'd like.  Plus, since CM doesn't compress your images like some competitors, you're all set.  That would be my approach.  Requires some image processing first, but that's what they do!

Another alternative is to think more in columns:  Repeaters stack on top of each other.  So if your images are the same size, they'll stack in a predictable way.  Why not create a template that uses two (or even three) columns for the images (each column's content will be controlled with a repeater).  The last column can be used for the descriptions.  You'd have to be particularly careful (ie: advise the client to limit descriptions to a certain number of characters / lines of text) to make sure that the descriptions remain lined up with the images, but I think it is possible.

Like Stef mentioned, you can also add image tags anywhere you'd like without repeater tags, so if you know the maximum number of artists, you could add that many rows of images in a table structure and corresponding description areas (which can also be added without repeater tags).  I believe areas not used/filled in by the client will not show up in the email.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098