Sharing on facebook

[roundman]

how do i add a share/like button to the site? i have managed to get it to share the product but there is no image on the facebook wall to accompany it.
I want one to go on each product, i am running v8.
here is a link i have done so far but as i say there is no image to go with it.
http://www.roundstooldistribution.co...der_115mm.html

[leehack]

Facebook will provide you with the 'like' code, you just need to add that to your site.

[roundman]

Facebook keeps displaying error message when i try to go follow the like button link.
This is the code i have used

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images...on.gif?6:26981) no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;http://www.roundstooldistribution.co.uk/acatalog/Milwaukee_AG7-115_Angle_Grinder_115mm.html>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>

[leehack]

Where and how did you add it, think of us as blind and you need to tell or show us what you have done. Sidebar, product layout, fragment, product etc.....

[roundman]

i added this to the bottom of the product description, product layout is standard, i have tried it in a fragment to but no change.

[leehack]

Did you embed it using the !!< and >!! ? If not you need to put the html in between those items if embedding into a fragment or product description.

[Duncan Rounding]

Have you tried this as a simple test:

<a href="http://www.facebook.com/share.php?u=http://www.roundstooldistribution.co.uk/acatalog/Milwaukee_AG7-115_Angle_Grinder_115mm.html" target="_blank">Share on Facebook</a>

[roundman]

used the !!<>!! but took them off when i added the coded here on the forum.
just tried the test but still no thumbnail

[Duncan Rounding]

A|re you talking about the thumbnail that Facebook creates for the site? If so then have a search around the internet as this is a common issue it seems. Not sure of the solutions mind.

[roundman]

yes when it goes onto Facebook it shows the link fine, but there is no thumbnail showing on the wall, i want a thumbnail of the product.

[Duncan Rounding]

Take a look at some Google search results such as this: http://www.clickonf5.org/tutorial/ho...k-sharing/5536

[roundman]

will take a look now, thank you

[Duncan Rounding]

Try also placing this code in the Head of the page:

<link rel="image_src" href="http://www.mydomain.co.uk/acatalog/<actinic:variable name="ProductImageFileName" />" />

This is only for Single Product Pages of course.

EDIT - you will need a product list around the variable as well - sorry I don't have time to give you all the code right now.

Essentially create a copy of a Product List in the Library and replace all the contained code with the code above. Then insert the new product list above the closing Head tag in your design. You might also want to place blocks around it to limit it to catalog pages depending on your design.