Datafeedr Support Forums

Datafeedr Support Forums (/index.php)
-   Tips, Tricks & Tutorials (/forumdisplay.php?f=66)
-   -   Add image to a product widget comparison set ? (/showthread.php?t=4971)

gamerspy August 9th, 2011 04:41 AM

Add image to a product widget comparison set ?
 
Hi, I have created a couple of comparison sets in product widgets for my sidebar to compare prices for specific Video Games.

Is there a way to have a thumbnail image of the actual game at the top of the comparison list ?

Website - http://www.gamerspy.co.uk/
Comparison sets are in the right sidebar. There are 2 for Batman PS3/Xbox and 2 for Call of Duty PS3/Xbox.

Thank you for your time.

stefan August 9th, 2011 02:29 PM

Let me tell you that your comparison sets in the sidebar look great. Not sure if an image at the top will look as good as it does now.

Because your sidebar is rather wide there will be a lot of white space around the product image unless you create your own image of course (such as your deal of the day image).

You could try something like this.

Code:

<table width="100%">
<tr><td>

<table border="0">
    <tr>
      <td><img src="[product.thumbnail]" border="0" alt="[product.name]"></td>
    </tr>
</table>
 
</td></tr>

<tr><td>

<table width="100%">
  [compset.each]
    <tr>
      <td>[product.merchant]</td>
      <td>[product.currency mode='sign'][product.price]</td>
      <td><a href="[product.url]" class="dfbutton dfred dfsmall">Buy Now</a></td>
    </tr>
  [/compset.each]
</table>

</td></tr>
</table>

Play around with the code and tweak to fit your needs.

For the image you could also try the full image or add your own image URL.

<img src="[product.image]" border="0" alt="[product.name]">

<img src="http://www.yourdomain.com/image.jpg" border="0" alt="[product.name]">

gamerspy August 9th, 2011 05:51 PM

Many thanks for your reply Stefan.

You were correct the white space around the image looked awful.

I have created my own images and added them with the code you provided. I'm not 100% sure i'll keep them but will leave them for now as they do catch the eye when the page loads. Would appreciate your opinion if you think they look ok or if they are too much ?

Just a though for future release of datafeedr. It would be cool if a user could click on the image and the price comparson dynamically slided down or out to save space. I'm sure you have a hundred and one ideas of your own lol, so maybe something to add to your list.

Thank you for your time.

stefan August 9th, 2011 06:03 PM

Quote:

Originally Posted by gamerspy (Post 22816)
I have created my own images and added them with the code you provided. I'm not 100% sure i'll keep them but will leave them for now as they do catch the eye when the page loads. Would appreciate your opinion if you think they look ok or if they are too much ?

I really like it! Well done :)

Quote:

Originally Posted by gamerspy (Post 22816)
Just a though for future release of datafeedr. It would be cool if a user could click on the image and the price comparson dynamically slided down or out to save space. I'm sure you have a hundred and one ideas of your own lol, so maybe something to add to your list.

Feel free to add your request in our Feature Request forum.

/forumdisplay.php?f=69


All times are GMT -5. The time now is 01:02 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.