Bonsoir à tous,
Voici mon problème :
Aperçu :Je suis entrain de travailler sur l'affichage d'un catalogue sous le plugin e-commerce de wordpress. Mais petit problème ... Ma div principal (zone ici 'pink') qui doit contenir mes produits sous forme de block n'en contient seulement deux et les autres sont chassées de la principale que faire ?
Comment j'ai procédé pour l'instant :
Mon code CSS :J'ai déclaré chaque block produit par une span qui contient l'aperçu, une balise h1 pour le titre, et une balise p pour la description avec un float left le tout pas en ID="" mais en Class=""
Mon code simplifié :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95 /* CONFIG CATALOGUE */ span.l-produits-catalogue { position: relative; top: 0; right: 0; float: left; height: auto; width: 310px!important; margin-top: 0px; margin-left: 0px; margin-bottom: 18px; margin-right: 18px; border: 1px solid #CF5788; padding: 10px; } .l-produits-catalogue img { display: block; float: left; max-height: 130px!important; max-width: 70px!important; margin-right: 10px; } .l-produits-catalogue h2 { float: none; height: auto; font-family: Myriad pro; font-size:14px; font-weight: normal; margin-top: 0; margin-right: 0; margin-bottom: 10px; color: #CF5788; text-transform: uppercase; font-variant: normal; } a.titre-l-produits-catalogue { float: none; height: auto; font-family: Myriad pro; font-size: 14px; font-weight: bold; margin-top: 0; margin-right: 0; margin-bottom: 10px; color: #CF5788; text-transform: uppercase; font-variant: normal; } a.titre-l-produits-catalogue:hover { float: none; height: auto; font-family: Myriad pro; font-size: 14px; font-weight: bold; margin-top: 0; margin-right: 0; margin-bottom: 10px; color: #CF5788; text-transform: uppercase; font-variant: normal; } .l-produits-catalogue p { float: none; height: auto; width: 100%; font-family: Myriad pro; font-size:14px; font-weight: normal; margin-top: 0; margin-bottom: 0; margin-right: 0; color: #000; text-align:justify!important; } span.lien-l-produits-catalogue { float: right; margin-left: 20px; font-family: Myriad pro; color: #CF5788; margin-top: 10px; } span.c-text-produits-catalogue { width: 210px; float: left; padding-left: 10px; margin-left: 10px; }
Quelqu'un aurait-il une solution ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <span class="l-produits-catalogue product_view_<?php echo wpsc_the_product_id(); ?> <?php echo wpsc_category_class(); ?>"> <a href="<?php echo wpsc_the_product_permalink(); ?>"> IMG </a> <span class="c-text-produits-catalogue"> <h2> <a href="<?php echo wpsc_the_product_permalink(); ?>" class="titre-l-produits-catalogue" > TITRE </a> </h2> <p>DESCRIPTION</p> </span> </span>
Merci d'avance à vous.
Adrien.
Partager