"빠른보기"팝업 모달에 Facebook "공유"버튼을 추가하는 방법은 무엇입니까?

Question

"빠른보기"팝업 모달에 Facebook "공유"버튼을 어떻게 추가 할 수 있습니까? 즉, 누군가 내 사이트에서 제품을 공유하고 싶다면 '빠른보기'모달을 통해 '제품'으로 모달이 표시되기 때문에 Facebook의 '공유'버튼으로 제품 링크를 공유하는 방법은 무엇입니까?

당신은 내가 무슨 말을 살펴보고 당신이 제품 위로 마우스를 가져 가면 "빠른 찾기"버튼을 클릭하면 : 현재

http://shopmoonfall.bigcartel.com/products

, 나는 "좋아요"버튼이 있습니다 , 그리고 그게 내가 원하는 건 아니에요, 난 그냥 "공유"버튼을 교환하고 오른쪽 페이지에 모달 링크에 "공유"버튼을 제대로 싶어요.

<div id="fb-root"></div> 
<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/en_US/all.js#xfbml=1"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

을 그리고 여기에 플러그인에 대한 표준 코드입니다 :

<div class="fb-share-button" data-href="http://developers.facebook.com/docs/plugins/" data-type="button"></div> 

편집 *

가 여기

이 페이스 북의 공유 버튼의 자바 스크립트 SDK는 모습입니다 내가 "같은"엉덩이에 사용하고있는 현재 코드 에 :

<li id="social_facebook"> 
<div class="social_action"> 
    <iframe src="//www.facebook.com/plugins/like.php?href=http://shopmoonfall.bigcartel.com{{ product.url }}&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width: 80px; height:20px;" allowTransparency="true"></iframe> 
    </div> 
</li> 

Answer 1

좋아, 당신이 같은 버튼에 포함 된 코드를 대체하는 데 사용할 수있는 코드의 비트 모든 조각을 조립하려고 :

<div id="fb-root"></div> 
<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/en_US/all.js#xfbml=1"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<li id="social_facebook"> 
    <div class="social_action"> 
    <div class="fb-share-button" data-href="http://shopmoonfall.bigcartel.com{{ product.url }}" data-type="button"></div> 
    </div> 
</li>