I must say, the new RSS to email feature is incredible!
We are trying something a little different with a new client. We are setting up a product alert which they populate using a custom RSS feed we have setup on their website.
This is working fine (even with images), however we are having trouble with getting the layout right.
We are trying to set it up so that we have 3 products to a row (they will have up to 12 products). I'm not sure if the templating language will cater for this, especially if you have 5 items in the feed, having 3 items on the first row, then 2 on the 2nd.
Do you have any suggestions on the best way to set something like this up? Being a first time poster, hopefully I've explained this ok.
Thanks in advance.
Hi indogoweb, you've done a great job at explaining this, no worries :) It's hard to say exactly how to format this without having a look at the RSS feed, but assuming that 1 product = 1 RSS item, I do have a suggestion. For a grid of products, I suggest creating one table to contain each product, adding align="left" and using <rssimage width="" /> so that the first image for each RSS item goes into each of these boxes. For example:
<table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><datarepeater type="rss" src="http://abcwidgets.com"> <table width="180" border="0" cellspacing="0" cellpadding="0" align="left"> <tr> <td><rssimage width="180" /> <br /> <rssbody paragraphs="1" /> <br /> <rssitemlink /></td> </tr> </table> </datarepeater></td> </tr> </table>
The above will create a 3-column layout of products that nicely display alongside each other. Adjust to taste :)
Thanks, indigoweb! I hope that helps :)
Genius! This seems to work well.
However we believe we have found a bug with the RSS functionality. The image used in our feed is actually 290px X 216px - however we have set the width in the template code to 183px. We have found that when importing from the RSS feed initially it is pulling the images across at the normal size. It is only after we deselect and reselect the RSS items that they change to their proper size of 183px X 136px.
However when you then go to do an onscreen preview, they revert to their original size of 290px X 216px.
Here is a code snippet below of how we are resizing the RSS Image: <rssimage width="183" />
Also, here is a snippet of the RSS feed for you:
<link>Link here</link> <author>email@example.com</author> <category>Sales Feed</category> <title>Product name</title> <description>Duis sit amet nisl sit amet lorem feugiat sollicitudin. Vestibulum tortor dolor, porttitor eget porta non, rhoncus vel dolor. Cras auctor rhoncus pellentesque. Donec semper arcu at massa commodo blandit. Cras in faucibus dui. Integer egestas faucibus massa eu iaculis. Nunc ut urna purus. </description> <pubDate>Mon, 26 Mar 2012 16:26:41 Z</pubDate> <enclosure type="image/jpeg" url="image url here"></enclosure> </item>
Any help would be greatly appreciated.
Hi indigoweb, thanks for spotting this! If you have a moment, could you kindly contact our team with campaign details so our devs can take a look? It sounds like it could be an issue with resizing on our end, so we're really keen to find out how we can fix this. Thank you so much!
Great, thanks for that. I have just send an enquiry though to the team.
Thanks for your help with this!
Thanks for all your help with this. The table layout you have suggested has worked perfectly so far however we have encountered a bug when forwarding through Microsoft Outlook 2007 it appears that our RSS feed tables are not aligned at the top. A screenshot of the issue can be provided upon request, however we are reluctant to post it on the forums as this is for a client.
Thank you again for all of your help so far!
Hi indigoweb, you're welcome! Unfortunately, we can't control the look of designs when they are forwarded from the email client. For this reason, we highly recommend adding a forward to a friend link to your campaigns to prevent any possible breakage. Many thanks!
Thanks for that, appreciate your help :)