Le succès du EVO6 imposait un site dédié : Le voici !

Afficher les listes produits en grille (Plusieurs par ligne)

Ce tip CSS permet via le EVO6 d’afficher vos listes produits en grille avec 2 par ligne.

– Testé sur la version EVO6 pour Prestashop 1.5  : OUI

– Testé sur la version EVO6 pour Prestashop 1.4 : Pas tésté

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
ul#product_list li {
float: left;
height: 310px;
margin: 5px;
width: 325px;
}

#product_list li p.product_desc, #product_list li p.product_desc a {
color: #252525;
min-height: 75px;
padding-top: 10px;
width: 320px;
}

#product_list li .center_block {
float: left;
padding: 0 7px;
width: 320px;
border-right: 0px;
}

#product_list li .left_block {
padding-top:0px;
}

#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
position:absolute;
top:-15px;
right:-50px;
}

#product_list li .content_price {
margin: -10px 0 5px 5px;
text-align:left;
}

 

Le résultat :

grid

Posted in: Code CSS3 pour générateur de thème EVO6, Listes produits