Jump to content

Facebook sharing only logo image


Recommended Posts

Anyone knows why the Facebook share button is only sharing the logo image?


I'm on PS and tryed with the native Social Share module, the old Facebook share button, and all is only sharing the logo image, different from the others social media share buttons, who loads the right image from product.


I tryed this code, but I don't know what is the share code from FB, if someone could complete this, will be helpful:

<td style="padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px">
<a href="http://pinterest.com/pin/create/button/?url={$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}&media={$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
<td style="padding-top:3px;padding-left:15px">
<iframe src="http://www.facebook.com/plugins/like.php?href=http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}&send=false&layout=button_count&width=450&show_faces=false&font=arial&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>		
<td style="padding-right: 0px">
<p style="margin-bottom: 0px; width: 90px"> 
<a href="http://twitter.com/share" class="twitter-share-button" data-text="{$product->name}" data-count="horizontal" data-via="TrashMashers">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></p> 
<td style="padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px">
<g:plusone{if $ogoogleplusone_size != 2} size="{if $ogoogleplusone_size == 1}small{/if}{if $ogoogleplusone_size == 3}medium{/if}{if $ogoogleplusone_size == 4}tall{/if}"{/if}{if $ogoogleplusone_inc_count==0} count="true"{/if}{if !empty($ogoogleplusone_jsCallBack)} callback="{$ogoogleplusone_jsCallBack}"{/if}{if !empty($ogoogleplusone_urlto)} href="{$ogoogleplusone_urlto}"{/if}></g:plusone>

This needs this google+ module to work: "oGooglePlusOne v1.0 - by odience.net - Amir H. MORADI"


It's the only way I find to add the counter bubble at the side of buttons, and I'm not an expert...


If someone could give me a light on why the share button of Facebook is loading my logo instead of prodct image and/or could help me make the share code to my code, I'll be thankful.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...