Merge pull request #1097 from TMMeilleur/1.6

// added social's buttons on product's comparisions page

themes/default-bootstrap/css/comparator.css

@@ -20,7 +20,7 @@ table#product_comparison tbody tr td.comparison_infos div.center {
 table#product_comparison tbody tr td.td_empty {
   vertical-align: bottom;
 }
-table#product_comparison tbody tr td.td_empty span {
+table#product_comparison tbody tr td.td_empty > span {
   font: 600 18px/22px "Open Sans", sans-serif;
   text-transform: uppercase;
   color: #555454;
@@ -95,6 +95,51 @@ table#product_comparison .product-rating {
   margin-bottom: 20px;
 }
 
+#stOCClose {
+  width: 29px !important;
+  height: 29px !important;
+}
+
+.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
+  height: 22px !important;
+}
+
+.stButton .stButton_gradient {
+  height: 22px !important;
+}
+
+@media (min-width: 1200px) {
+  .share {
+    margin-bottom: 315px;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .share {
+    margin-bottom: 315px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .share {
+    margin-bottom: 315px;
+  }
+}
+.share strong {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.share > div {
+  margin-bottom: 8px;
+}
+
+.stArrow {
+  display: none !important;
+}
+
+.stButton {
+  margin-left: 0 !important;
+}
+
 #product_comparison .comparison_feature .product_name {
   display: none;
 }

themes/default-bootstrap/products-comparison.tpl

@@ -38,6 +38,17 @@
 	<table id="product_comparison" class="table table-bordered">
     	<tr>
 			<td width="20%" class="td_empty">
+            	<div class="share">
+                	<strong class="dark">{l s='Share this comparison whith your friends:'}</strong>
+                	{literal}
+                		<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+						<script type="text/javascript">stLight.options({publisher: "064cc95a-8054-4d07-966a-693ce7b9fd4b",nativeCount:false, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
+                    {/literal}
+                	<div class='st_twitter_hcount' displayText='Tweet'></div>
+                    <div class='st_googleplus_hcount' displayText='Google +'></div>
+                    <div class='st_pinterest_hcount' displayText='Pinterest'></div>
+                    <div class='st_facebook_hcount' displayText='Facebook'></div>
+                </div>
             	<span>{l s='Features:'}</span>
             </td>
 			{assign var='taxes_behavior' value=false}

themes/default-bootstrap/sass/comparator.scss

@@ -30,7 +30,7 @@ table#product_comparison {
 			td.td_empty {
 				vertical-align:bottom;
 				
-				span {
+				> span {
 					font:600 18px/22px $font-custom;
 					text-transform:uppercase;
 					color:#555454;	
@@ -110,8 +110,46 @@ table#product_comparison {
 	width:auto;
 }
 .footer_link { margin-bottom:20px;}
-
+#stOCClose {
-
+	width:29px !important;
+	height:29px !important;	
+}
+.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
+	height:22px !important;
+}
+.stButton .stButton_gradient {
+	height:22px !important;	
+}
+@media (min-width: $screen-lg) { // min 1200px
+	.share {
+		margin-bottom:315px;	
+	}
+}
+@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
+	.share {
+			margin-bottom:315px;	
+	}
+}
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+	.share {
+			margin-bottom:315px;	
+	}
+}
+.share {
+	strong {
+		display:block;
+		margin-bottom:10px;	
+	}
+}
+.share > div {
+	margin-bottom:8px;
+}
+.stArrow {
+	display:none !important;	
+}
+.stButton {
+	margin-left:0 !important;	
+}
 #product_comparison{
     .comparison_feature{
       .product_name{display: none;}