首页 >> 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> 前, 并保存.

<!-- 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 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

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

<!-- 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>