fixed add to wishlist/compare buttons and added product review
This commit is contained in:
TMMeilleur
@@ -17,9 +17,9 @@
|
||||
padding: 23px 0 0 0;
|
||||
margin-bottom: 30px;
|
||||
background: url(../img/contact-form.png) repeat-x white;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
|
||||
}
|
||||
.contact-form-box fieldset {
|
||||
padding: 0 19px 21px 19px;
|
||||
|
||||
@@ -1733,7 +1733,6 @@ ul.step li em {
|
||||
margin: 0 1px 0 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-indent: -999em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -1741,10 +1740,6 @@ ul.step li em {
|
||||
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;
|
||||
}
|
||||
|
||||
.cancel a, .star a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@@ -3203,25 +3198,46 @@ form#sendComment h3 {
|
||||
|
||||
.star {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
top: -1px;
|
||||
float: left;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
width: 14px;
|
||||
overflow: hidden;
|
||||
text-indent: -999em;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.star, .star a {
|
||||
background: url(modules/productcomments/img/star.png) no-repeat 0 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.star_on a {
|
||||
background-position: 0 -13px;
|
||||
.star a {
|
||||
position: absolute;
|
||||
text-indent: -5000px;
|
||||
}
|
||||
|
||||
div.star_hover a, div.star a:hover {
|
||||
background-position: 0 -13px;
|
||||
div.star:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #777676;
|
||||
}
|
||||
|
||||
div.star.star_on {
|
||||
display: block;
|
||||
}
|
||||
div.star.star_on:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #ef8743;
|
||||
}
|
||||
|
||||
div.star.star_hover:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #ef8743;
|
||||
}
|
||||
|
||||
/* ************************************************************************************************
|
||||
|
||||
@@ -14,7 +14,6 @@
|
||||
.comments_advices li {
|
||||
display: inline-block;
|
||||
line-height: 30px;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.comments_advices li {
|
||||
@@ -30,7 +29,6 @@
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
.comments_advices a {
|
||||
@@ -73,7 +71,6 @@
|
||||
border-right: 1px solid #d6d4d4;
|
||||
padding-right: 30px;
|
||||
margin-right: 9px;
|
||||
/* min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.comments_advices a.reviews {
|
||||
@@ -94,11 +91,17 @@
|
||||
#product_comments_block_extra .star_content {
|
||||
margin-top: 1px;
|
||||
}
|
||||
#product_comments_block_extra div.star {
|
||||
background: url(img/star.png) no-repeat 0 0;
|
||||
#product_comments_block_extra div.star:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #777676;
|
||||
}
|
||||
#product_comments_block_extra div.star_on {
|
||||
background: url(img/star.png) no-repeat 0 -13px;
|
||||
#product_comments_block_extra div.star_on:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #ef8743;
|
||||
}
|
||||
#product_comments_block_extra .comments_advices {
|
||||
clear: both;
|
||||
@@ -125,7 +128,6 @@
|
||||
overflow: hidden;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
/*max 767px*/
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#new_comment_form {
|
||||
@@ -252,12 +254,17 @@
|
||||
#product_comments_block_tab div.comment .star_content {
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
#product_comments_block_tab div.star,
|
||||
#product_comments_block_tab div.star_on {
|
||||
background: url(img/star.png) no-repeat 0 0;
|
||||
#product_comments_block_tab div.star:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #777676;
|
||||
}
|
||||
#product_comments_block_tab div.star_on {
|
||||
background-position: 0 -13px;
|
||||
#product_comments_block_tab div.star_on:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
display: inline-block;
|
||||
color: #ef8743;
|
||||
}
|
||||
#product_comments_block_tab .comment_author_infos {
|
||||
clear: both;
|
||||
@@ -273,7 +280,6 @@
|
||||
#product_comments_block_tab div.comment div.comment_details {
|
||||
overflow: hidden;
|
||||
border-left: 1px solid #d6d4d4;
|
||||
/*max 767px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#product_comments_block_tab div.comment div.comment_details {
|
||||
|
||||
@@ -62,6 +62,17 @@ ul.product_list .product-image-container .quick-view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list .comments_note {
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
ul.product_list .comments_note .star_content {
|
||||
float: left;
|
||||
}
|
||||
ul.product_list .comments_note .nb-comments {
|
||||
overflow: hidden;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
Product list(Grid) Styles
|
||||
@@ -113,6 +124,16 @@ ul.product_list.grid > li .product-container h5 {
|
||||
padding: 0 15px 7px 15px;
|
||||
min-height: 53px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.grid > li .product-container .comments_note {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .comments_note .star_content {
|
||||
margin-left: 59px;
|
||||
margin-right: 3px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-desc {
|
||||
display: none;
|
||||
}
|
||||
@@ -165,11 +186,20 @@ ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 1px solid #d6d4d4;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
margin-right: 3px;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.ckecked:before {
|
||||
content: "";
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 0;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist i {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -177,7 +207,7 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 0;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist i {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -220,7 +250,7 @@ ul.product_list.grid > li .product-container .functional-buttons div.compare lab
|
||||
ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
|
||||
display: block;
|
||||
}
|
||||
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container {
|
||||
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -242,7 +272,7 @@ ul.product_list.grid > li .product-container .functional-buttons div.compare lab
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#blockpack ul > li.last-line.hovered {
|
||||
margin-bottom: -289px;
|
||||
margin-bottom: -320px;
|
||||
padding-bottom: 250px;
|
||||
}
|
||||
}
|
||||
@@ -299,6 +329,9 @@ ul.product_list.list > li .product-desc {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .center-block .comments_note {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.product_list.list > li .right-block .right-block-content {
|
||||
margin: 0;
|
||||
@@ -387,7 +420,9 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
color: #777676;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i {
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:before {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 15px;
|
||||
@@ -402,13 +437,18 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
-o-border-radius: 100px;
|
||||
border-radius: 100px;
|
||||
margin-right: 3px;
|
||||
font-weight: normal;
|
||||
margin-right: 7px;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover {
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover {
|
||||
color: #333333;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover i {
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before {
|
||||
background: #333333;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a.ckecked:before {
|
||||
content: "";
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
|
||||
padding-top: 10px;
|
||||
}
|
||||
@@ -468,7 +508,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#index ul.product_list.tab-pane > li.hovered {
|
||||
margin-bottom: -290px;
|
||||
margin-bottom: -300px;
|
||||
}
|
||||
}
|
||||
#index ul.product_list.tab-pane > li .availability {
|
||||
@@ -481,8 +521,8 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#index ul.product_list.tab-pane > li.last-line.hovered {
|
||||
margin-bottom: -290px;
|
||||
padding-bottom: 250px;
|
||||
margin-bottom: -300px;
|
||||
padding-bottom: 230px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
Reference in New Issue
Block a user