我的BigCartel网站在我的产品“快速查看”模式中的Facebook“共享”按钮在Chrome上运行得非常好(虽然它还没有正确定位),除了在Firefox上,它不起作用,除非你点击进入“快速查看”模式一次在产品上,然后退出,然后单击返回到同一产品。我真的很感激这方面的一些帮助。
以下是Facebook“共享”按钮的代码,脚本和所有内容:
<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>
<script>FB.XFBML.parse();</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>
这是我正在处理的页面(将鼠标悬停在产品上并单击“快速查看”按钮(打开模式): http://shopmoonfall.bigcartel.com/products
答案 0 :(得分:2)
很抱歉回到基础知识,但当有些人不能正常工作时该怎么做...
所以在打开身体标签后插入此
<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&appId=476675579110595";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
这只需要引用一次,因此请删除页面上所有其他匹配项。
然后你想要一个分享按钮插入这个代码
<div class="fb-share-button" data-href="your url" data-type="button"></div>
将data-href =替换为产品网址。
很抱歉再次对此直言不讳,但这是我能想到为什么它不能正常工作的唯一原因。如果您愿意,请告知我们,如果您愿意,我会再次对该链接进行评分:)