fixed add to wishlist/compare buttons and added product review
This commit is contained in:
TMMeilleur committed
1 parent
89c65536d7
commit
95b9710eda
18 files changed
+639
-293
No files matched your search
@@ -1589,11 +1589,10 @@ ul.step {
|
||||
margin:0 1px 0 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-indent: -999em;
|
||||
cursor: pointer
|
||||
}
|
||||
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }
|
||||
.star, .star a { background: url(modules/productcomments/img/star.png) no-repeat 0 0; }
|
||||
.star, .star a { }
|
||||
.cancel a, .star a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@@ -2966,17 +2965,46 @@ form#sendComment h3 {font-size:14px;}
|
||||
|
||||
.star {
|
||||
position: relative;
|
||||
top:2px;
|
||||
top:-1px;
|
||||
float: left;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
width: 14px;
|
||||
overflow: hidden;
|
||||
text-indent: -999em;
|
||||
cursor: pointer
|
||||
cursor: pointer;
|
||||
font-size:14px;
|
||||
font-weight:normal;
|
||||
}
|
||||
.star, .star a {
|
||||
display:block;
|
||||
}
|
||||
.star a {
|
||||
position:absolute;
|
||||
text-indent:-5000px;
|
||||
}
|
||||
div.star {
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#777676;
|
||||
}
|
||||
}
|
||||
div.star.star_on {
|
||||
display:block;
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#ef8743;
|
||||
}
|
||||
}
|
||||
div.star.star_hover {
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#ef8743;
|
||||
}
|
||||
}
|
||||
.star, .star a { background: url(modules/productcomments/img/star.png) no-repeat 0 0;}
|
||||
div.star_on a { background-position: 0 -13px }
|
||||
div.star_hover a, div.star a:hover { background-position: 0 -13px }
|
||||
|
||||
|
||||
/* ************************************************************************************************
|
||||
|
||||
@@ -14,8 +14,7 @@ padding-top:2px;
|
||||
li{display:inline-block;
|
||||
line-height:30px;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
|
||||
display:block;
|
||||
line-height:20px
|
||||
}
|
||||
@@ -29,8 +28,7 @@ padding-top:2px;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) {
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) { //min 768px max 991px
|
||||
float:none;
|
||||
line-height:20px;
|
||||
}
|
||||
@@ -67,8 +65,7 @@ padding-top:2px;
|
||||
padding-right:30px;
|
||||
margin-right:9px;
|
||||
|
||||
/* min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
margin-right:0;
|
||||
padding:0;
|
||||
border:none
|
||||
@@ -80,10 +77,29 @@ padding-top:2px;
|
||||
#product_comments_block_extra{
|
||||
.comments_note {margin-bottom:5px}
|
||||
.comments_note span,
|
||||
.star_content {float:left;color:$base-text-color}
|
||||
.star_content {margin-top:1px}
|
||||
div.star {background: url(img/star.png) no-repeat 0 0}
|
||||
div.star_on {background: url(img/star.png) no-repeat 0 -13px}
|
||||
.star_content {
|
||||
float:left;
|
||||
color:$base-text-color;
|
||||
}
|
||||
.star_content {
|
||||
margin-top:1px;
|
||||
}
|
||||
div.star {
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#777676;
|
||||
}
|
||||
}
|
||||
div.star_on {
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#ef8743;
|
||||
}
|
||||
}
|
||||
.comments_advices {clear:both;}
|
||||
}
|
||||
|
||||
@@ -106,8 +122,7 @@ padding-top:2px;
|
||||
color: $base-text-color;
|
||||
text-align: left;
|
||||
|
||||
/*max 767px*/
|
||||
@media (max-width: $screen-xs-max) {
|
||||
@media (max-width: $screen-xs-max) { //max 767px
|
||||
width:275px;
|
||||
}
|
||||
|
||||
@@ -218,11 +233,22 @@ padding-top:2px;
|
||||
float:left;
|
||||
}
|
||||
div.comment .star_content {margin: 0 0 0 5px}
|
||||
div.star,
|
||||
div.star {
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#777676;
|
||||
}
|
||||
}
|
||||
div.star_on {
|
||||
background: url(img/star.png) no-repeat 0 0
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
color:#ef8743;
|
||||
}
|
||||
}
|
||||
div.star_on {background-position: 0 -13px}
|
||||
.comment_author_infos {clear:both;
|
||||
padding-top:9px;
|
||||
strong{display:block;color:$base-text-color}
|
||||
@@ -234,8 +260,7 @@ padding-top:2px;
|
||||
overflow:hidden;
|
||||
border-left:$main_border;
|
||||
|
||||
/*max 767px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
@media (max-width: $screen-sm-max) { //max 767px
|
||||
border-left: none
|
||||
}
|
||||
|
||||
|
||||
@@ -73,6 +73,15 @@ ul.product_list {
|
||||
}
|
||||
}
|
||||
}
|
||||
.comments_note {
|
||||
text-align:left;
|
||||
overflow:hidden;
|
||||
|
||||
.star_content {
|
||||
float:left;
|
||||
}
|
||||
.nb-comments {overflow:hidden; font-style:italic;}
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
@@ -127,7 +136,16 @@ ul.product_list.grid {
|
||||
padding:0 15px 7px 15px;
|
||||
min-height:53px;
|
||||
}
|
||||
|
||||
.comments_note {
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
display:none;
|
||||
}
|
||||
.star_content {
|
||||
margin-left:59px;
|
||||
margin-right:3px;
|
||||
margin-bottom:12px;
|
||||
}
|
||||
}
|
||||
.product-desc {
|
||||
display:none;
|
||||
}
|
||||
@@ -169,16 +187,26 @@ ul.product_list.grid {
|
||||
|
||||
&.wishlist {
|
||||
border-right:1px solid $base-border-color;
|
||||
a:before {
|
||||
display:inline-block;
|
||||
font-family:$font-icon;
|
||||
content:"";
|
||||
margin-right:3px;
|
||||
}
|
||||
|
||||
a.ckecked:before {
|
||||
content:"";
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
border-right:0;
|
||||
|
||||
i {display:none;}
|
||||
a:before {display:none;}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
border-right:0;
|
||||
|
||||
i {display:none;}
|
||||
a:before {display:none;}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -225,7 +253,7 @@ ul.product_list.grid {
|
||||
}
|
||||
.quick-view {display:block;}
|
||||
}
|
||||
.functional-buttons, .button-container {display:block}
|
||||
.functional-buttons, .button-container, .comments_note {display:block}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -248,7 +276,7 @@ ul.product_list.grid {
|
||||
margin-bottom:0;
|
||||
|
||||
&.hovered {
|
||||
margin-bottom:-289px;
|
||||
margin-bottom:-320px;
|
||||
padding-bottom:250px;
|
||||
}
|
||||
}
|
||||
@@ -305,6 +333,9 @@ ul.product_list.list {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
.comments_note {
|
||||
margin-bottom:12px;
|
||||
}
|
||||
}
|
||||
|
||||
.right-block {
|
||||
@@ -382,29 +413,39 @@ ul.product_list.list {
|
||||
}
|
||||
}
|
||||
a, label {
|
||||
font-weight:bold;
|
||||
color:#777676;
|
||||
cursor:pointer;
|
||||
|
||||
i {
|
||||
width:30px;
|
||||
height:30px;
|
||||
font-size:15px;
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
background:#929292;
|
||||
color:$light-text-color;
|
||||
padding:7px 0 0 0;
|
||||
@include border-radius(100px);
|
||||
margin-right:3px;
|
||||
}
|
||||
&:hover {
|
||||
color:$base-text-color;
|
||||
|
||||
i {
|
||||
background:$dark-background;
|
||||
}
|
||||
}
|
||||
font-weight:bold;
|
||||
color:#777676;
|
||||
cursor:pointer;
|
||||
}
|
||||
.wishlist {
|
||||
a:before {
|
||||
content:"";
|
||||
font-family:$font-icon;
|
||||
width:30px;
|
||||
height:30px;
|
||||
font-size:15px;
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
background:#929292;
|
||||
color:$light-text-color;
|
||||
padding:7px 0 0 0;
|
||||
@include border-radius(100px);
|
||||
margin-right:3px;
|
||||
font-weight:normal;
|
||||
margin-right:7px;
|
||||
}
|
||||
a:hover {
|
||||
color:$base-text-color;
|
||||
|
||||
&:before {
|
||||
background:$dark-background;
|
||||
}
|
||||
}
|
||||
a.ckecked {
|
||||
&:before {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.compare {
|
||||
@@ -483,7 +524,7 @@ ul.product_list.list {
|
||||
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.hovered {
|
||||
margin-bottom:-290px;
|
||||
margin-bottom:-300px;
|
||||
}
|
||||
}
|
||||
.availability {display:none;}
|
||||
@@ -495,8 +536,8 @@ ul.product_list.list {
|
||||
margin-bottom:0;
|
||||
|
||||
&.hovered {
|
||||
margin-bottom:-290px;
|
||||
padding-bottom:250px;
|
||||
margin-bottom:-300px;
|
||||
padding-bottom:230px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user