dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1097 from TMMeilleur/1.6

Browse Source 
// added social's buttons on product's comparisions page
This commit is contained in:
Rémi Gaillard
2013-12-04 05:34:09 -08:00
parent f6fed64472 4ba424a72f
commit a7f20fd986
3 changed files with 99 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/default-bootstrap/css/comparator.css
+46 -1
View File
@@ -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
+11
View File
@@ -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
+42 -4
View File
@@ -30,11 +30,11 @@ 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;}