Datafeedr Support Forums  

Go Back   Datafeedr Support Forums > Current Version (V3) Forum > Tips, Tricks & Tutorials
Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Important - The support forums are now in "read-only" mode as we transition to an alternative help desk solution. Feel free to contact us here with any of your questions or search the forums for an existing solution.
 
 
Thread Tools Search this Thread Display Modes
  #1  
Old August 9th, 2011, 04:41 AM
gamerspy gamerspy is offline
 
Join Date: Aug 2011
Posts: 13
Default 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.
  #2  
Old August 9th, 2011, 02:29 PM
stefan stefan is offline
 
Join Date: Feb 2008
Posts: 5,901
Default

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]">
  #3  
Old August 9th, 2011, 05:51 PM
gamerspy gamerspy is offline
 
Join Date: Aug 2011
Posts: 13
Default

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.
  #4  
Old August 9th, 2011, 06:03 PM
stefan stefan is offline
 
Join Date: Feb 2008
Posts: 5,901
Default

Quote:
Originally Posted by gamerspy View Post
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 View Post
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.

http://www.datafeedr.com/forums/forumdisplay.php?f=69
 


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Embed Product Comparison Set Into Post Question mviadam Tips, Tricks & Tutorials 3 July 4th, 2011 10:03 AM
Adding Comparison & Product Logos merlynhs Questions 1 June 26th, 2011 08:12 AM
Sidebar widget: Featured Product image is too big Reson8 Problems 1 June 15th, 2011 10:20 AM
Comparison Set in WP Page (non product page) not working mfirth Problems 5 April 7th, 2011 08:32 AM
Editing the image size of the datafeedr product widget whkchan Questions 1 January 14th, 2011 12:41 PM


All times are GMT -5. The time now is 03:53 PM.


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