Magento 1.9 安装了“AddThis”社交分享按钮，但我们的网站上没有出现社交分享按钮

Posted 2023-03-07

【中文标题】Magento 1.9 安装了“AddThis”社交分享按钮，但我们的网站上没有出现社交分享按钮

【英文标题】："AddThis" social sharing button is installed to Magento 1.9, but no social sharing button appeared on our site

【发布时间】：2014-08-25 01:35:38

【问题描述】：

我已经在下一页尝试了所有这些技巧，但我们的应用程序上仍然没有出现“AddThis”按钮。 http://www.magentocommerce.com/magento-connect/addthis.html

我们的应用基于“RWD”主题的 Magento CE 1.9.01 版本。

但是，我在另一个基于 wordpress 的应用程序上安装了这个“AddThis”按钮，工作完美！ AAMASV.com

任何建议都将受到高度赞赏。

谢谢

【问题讨论】：

如果您不介意，您可以发布您的 Magento 网站的 URL 吗？这将有助于调查问题。

保罗，感谢您的建议。目前，该网站仍处于开发阶段，尚未准备好向公众展示。实际上，我添加了这个分享按钮，就像在这个视频教程中一样：youtube.com/watch?v=pdrRffpmzOo

【参考方案1】：

试试下面https://www.addthis.com/get/sharing

在该网站上注册并选择共享按钮和样式。这将生成代码复制该代码和脚本到您要显示或复制的静态块中的页面，并在页面中调用该静态块。我敢打赌这会奏效。

【讨论】：

您好，Niraj，谢谢您的建议。基于“AddThis”网站，不需要注册就可以完成这项工作，这对于 wordpress 网站来说是如此。我会尝试你的建议并在这里告诉你。

【参考方案2】：

检查 addthis 模块文件是否也添加到 rwd 的结构中。将 Addthis 文件添加到 ../app/design/frontend/rwd/foo/template 并将 xml 文件添加到 ../layout/ 应该可以解决此问题并将社交分享按钮带到前端。

记得刷新 magento 缓存以使更改生效。

【讨论】：

您好，非常感谢您的建议。如果可行，我会尝试并在此处发布。

【参考方案3】：

试试这个代码放在catalog/product/view/addto.phtml

 <?php 
        $currentUrl = Mage::helper('core/url')->getCurrentUrl();
    ?>
    <ul class="add-to-links">
        <li>
            <div class="fb-share-button" data-href="<?php echo $currentUrl; ?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%<?php echo $currentUrl; ?>%2F&amp;src=sdkpreparse">Share</a></div>
            <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/sdk.js#xfbml=1&version=v2.7&appId=1141295062596906";
              fjs.parentNode.insertBefore(js, fjs);
            (document, 'script', 'facebook-jssdk'));</script>
        </li>
        <li>
            <!-- Place this tag where you want the share button to render. -->
            <div class="g-plus" data-action="share" data-annotation="bubble"></div>

            <!-- Place this tag after the last share tag. -->
            <script type="text/javascript">
              (function() 
                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                po.src = 'https://apis.google.com/js/platform.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
              )();
            </script>
        </li>
        <li>
            <a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="VoidCanvas">Tweet</a>
            <script>!function(d,s,id)var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);(document, 'script', 'twitter-wjs');</script>
        </li>
        <li>
            <a data-pin-do="buttonBookmark" data-pin-save="true" href="https://www.pinterest.com/pin/create/button/"></a>
            <script async defer src="https://assets.pinterest.com/js/pinit.js"></script>
        </li>
    </ul>