Adding Facebook share button for products in osCommerce using Unishop_osCommerce Theme

osCommerce Version: 2.3.4

Theme used: Unishop_osCommerce_Theme_eTheme_v1.7.5

Install the theme according to Installation guide.

Edit the file: %osCommerce _Root%\product_info.php

 <div class="clearfix socials_plugins">
 <div class="google">
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <div class="g-plusone" data-size="medium" data-count="true"></div>
 </div>
 <div class="facebook">
 <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_GB/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 </script>
 <div class="fb-like" data-send="false" data-layout="button_count" data-width="94" data-show-faces="false" data-font="arial"></div>
 </div>
 <div class="facebook">
 <?php
 $Url = (@$_SERVER["HTTPS"] == "on") ? "https://" : "http://";
 $Url .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
 ?>
 <div class="fb-share-button" data-href="<?php echo $Url; ?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $Url; ?>" class="fb-xfbml-parse-ignore">Share</a></div>
 </div>
 
 <div class="twitter">
 <a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="tonytemplates"></a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 </div>
 </div>

Sample File: product_info

mm

Anup Chhetri

IT system administrator

You may also like...

error: Content is protected !!