Jump to content

Social network buttons not working properly


Recommended Posts

Hi everyone:

 

I`m trying to add the social buttons on my PRODUCT page but here is the deal:

 

the facebook buttouns are there, but, when I click in the like or send, the dialog to place a comment or send to a friend is getting behind other layers:

 

Exemple here:

 

http://suppsbrasil.c...las-nutrex.html

 

The code I used is:

 

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="http://www.suppsbrasil.com.br{$request_uri}" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false"></div>

 

 

 

 

And about the twitter it`s worse. When I put it there, the entire product page get empty.

 

Appreciate anyone who could take a look on that.

 

Tks

Edited by marknasraui (see edit history)
Link to comment
Share on other sites

okay, now it works (i mean sharing on the facebook - because before it wont work!)

now you're talking about that:

F9ac4zM.png

 

it's because you've got overflow:hidden; added to the parent div

 

 

and this:

kL8frOQ.png

 

 

 

it's because you've got width:141px only

AVtp55H.png

Link to comment
Share on other sites

×
×
  • Create New...