首 页  >>  E商学院  >>  zencart百科  >>  商品页添加Google+和Twitter按钮

商品页添加Google+和Twitter按钮

在 zen cart 模板制作中,


有时候需要在商品页添加几个现在时翘儿的 WEB2.0 网站分享按钮,


以增加用户体验和稍带的增加点儿 曝光率,


先前 介绍过如何给商品页面添加一个 facebook like
按钮,


这里再把 Twitter 和最近很火的
Google+ 补上,
就算凑齐了张全家褔.


首先 将 Google+ 和 Twitter JS 库导入网站中,


这里建议在网站页面尾部导入 以免影响页面的加载速度,


如果不考虑到全站多处应用的话 可以考虑只在商品页加载,


将下面的代码按需要复制粘贴到


includes/templates/你的模板目录/common/tpl_main_page.php
</body> 前, 并保存.








1
2
3
4
5


<!-- Google+ JS库导入 -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 
<!-- Twitter JS库导入 -->
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>


如果打算只在商品详细页导入库文件 则加一句页面判断, 使用下面的代码








1
2
3
4
5
6
7


<?php if ($_GET['main_page'] == 'product_info') { ?> <!-- Google+ JS库导入 --> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <!-- Twitter JS库导入 --> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> <?php } ?>


然后打开


includes/templates/你的模板目录/templates/tpl_product_info_display.php


在适当的位置 (即想要显示按钮的位置处) 将下列代码按需要复制粘贴 并保存 即可








1
2
3
4
5
6
7


<!-- Gooele+ 按钮 -->
<span class="google"><g:plusone></g:plusone></span>
 
<!-- Twitter 按钮 -->
<span class="twitter">
  <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Twitter</a>
</span>





小提示: 当添加完上面的代码后,


可能在具体的页面中 刷新后并没有看到对应的按钮出现,


甚至还可能出现页面处在长时间的加载过程中, 这都是正常的,


出现这种情况, 建议开启代理后, 再来查看,


在大陆部分地区, Twitter 和 Google+ 还有先前介绍过的 facebook like 的JS库无法正常访问,


因此就出现了上面这种情况


点击次数:597  发布日期:2013-04-15  【打印此页】  【关闭