css modification of similar product

modules/privatesales_similarproducts/front_similarproducts.tpl

@@ -21,8 +21,9 @@
 	                	<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" />
 	            	</div>
 	            	<div class="info_sellers">
-	                    <p class="price">{$product.price}</p>
+	                    {* <p class="price"></p> *}
 	                    <p class="price_info">
+	                    	<span class="price">{$product.price}</span>
 	                        <span class="old_price">{convertPrice price=$product.price_without_reduction}</span>
 	                        {if $product.specific_prices.reduction_type =='percentage'}
 	                            {assign var="reduc_value" value=$product.specific_prices.reduction * 100}
@@ -46,7 +47,7 @@ $(document).ready(function(){
 	var list_items = frame.find('ul');
 	var nb_items = list_items.find('li').length;
 
-	if (nb_items>3) {
+	if (nb_items>6) {
 
 		// adjust css
 		frame.css({

themes/site/css/style.css

@@ -6890,7 +6890,7 @@ table#carrierTable tbody td {
     box-sizing: border-box;
     max-height: 300px;
     background: #fff;
-    margin: 0 10px 0 10px;
+    margin: 0 10px 5px 10px;
     display:inline-block;
 
     -moz-box-shadow: 0px 0px 5px 1px #cccccc;
@@ -6929,11 +6929,17 @@ table#carrierTable tbody td {
     height: 100%;
 }
 #product #privatesales_similarproduct ul li .hover-slide a.add-to-cart {
+    background: url("../img/panier2_white.png") no-repeat center center;
+}
+#product #privatesales_similarproduct ul li .hover-slide a.add-to-cart:hover {
     background: url("../img/panier2.png") no-repeat center center;
 }
 #product #privatesales_similarproduct ul li .hover-slide a.see-product {
     background: url("../img/loupe.png") no-repeat center center;
 }
+#product #privatesales_similarproduct ul li .hover-slide a.see-product:hover {
+    background: url("../img/loupe_pink.png") no-repeat center center;
+}
 
 #product #privatesales_similarproduct ul li:after{
     content: '';
@@ -6952,12 +6958,12 @@ table#carrierTable tbody td {
 }
 #product #privatesales_similarproduct ul li .info_sellers {
     background: #fff;
-    background-color: #E4E4EE;
+    /*background-color: #E4E4EE;*/
     padding: 10px 10px;
     box-sizing: border-box;
 }
 #product #privatesales_similarproduct ul li .product_link_sellers,
-#product #privatesales_similarproduct ul li .info_sellers p.price,
+#product #privatesales_similarproduct ul li .info_sellers span.price,
 #product #privatesales_similarproduct ul li .info_sellers .old_price,
 #product #privatesales_similarproduct ul li .info_sellers .percentage,
 #product #privatesales_similarproduct ul li .info_sellers .amount{
@@ -6998,10 +7004,10 @@ table#carrierTable tbody td {
 #product #privatesales_similarproduct ul li .info_sellers p {
     margin:0px;
 }
-#product #privatesales_similarproduct ul li .info_sellers p.price {
+#product #privatesales_similarproduct ul li .info_sellers span.price {
     border:0;
     padding-top: 0px;
-    color: #FB69AA;
+    color: #70BC2C;
     font-size: 16px;
 }
 #product #privatesales_similarproduct ul li .info_sellers .price_info {
@@ -7014,7 +7020,9 @@ table#carrierTable tbody td {
     padding:0px;
     margin:0px;
 }
-#product #privatesales_similarproduct ul li .info_sellers .price_info .percentage,
+#product #privatesales_similarproduct ul li .info_sellers .price_info .percentage{
+    color: #FB69AA;
+}
 #product #privatesales_similarproduct ul li .info_sellers .price_info .amount{
     color: #4F4E9A;
 }