(résolu) modifier l'affichage des catégories (3 colonnes au lieu d'une colonne de produit)

[lescrocs]

bonjour, j'aurai besoin d'un tit coup de main car je but sur une modification du template de base.
En effet, je souhaiterai passer passer d'un affichage des produits dans les catégories en 3 produits les uns à coté des autres un peu comme les produits phare de la home sur le template d'origine.

j'ai essayé de coller des "display:inline;", "float:inhertie;"(right et left aussi) a des endroit qui me semblait correct dans le fichier global.css, mais ça fonctionne pas.

quelqu'un a t'il une idée ou déjà réaliser cette modification? ou est ce dans un fichier PHP ou TPL?

Cf piece jointe la capture du site dev avec en rouge la zone où devrait s'afficher les fiches produit.

et ci dessous le code ou j'ai travaillé (sans succès)

/* product-list.tpl */
ul#product_list{ margin-top:2em;
list-style-type:none;
}
ul#product_list li {
background: #d0d3d8 url('../img/prix.jpg') no-repeat;
border: solid 1px #1dc3db;
padding: 6px;
height:328px;
width:210px;
clear:left;
margin-bottom:0.9em;
}
ul#product_list li a {
text-decoration:none;
font-size:14px;
color:#ffffff;
}

ul#product_list a.product_img_link{
margin-right:0.6em;
}

ul#product_list a.product_img_link img{
vertical-align:bottom;

[lescrocs]

ho bin personne pour me donner un petit indice?? (ou même la solution lol)

[jacques.H.Bordeaux]

Si si il existe un module prestshop pour 30€ ht le créateur est Frank_R je conseille
voir mon site http://www.saperlipopatch.com

[jeckyl]

Bonjour,
$
il suffit de travailler sur le global.css de votre thème et comme toujours il est conseillé d'utiliser firebug pour tester les modifications et franchement vendre des modules pour changer du css c'est fou. Mais cela n'engage que moi.

[jacques.H.Bordeaux]

Bonjour,
je comprend votre remarque mais je ne suis pas développeur chacun son métier et le temps que je vais y passer je préfère vendre et servir mes clients (€)! ; et il faut bien que tout votre profession travaille
cordialement

[lescrocs]

Merci d'avoir répondu.

j'ai en effet trouvé la solution en trouvant le bon code CSS (enfaite c'est surtout ca qu'il faut trouver, parceque le travailler c'est bien, mais mettre la bonne chose c'est mieux lol)

et je suis à fait d'accord avec messieurs sur le fait de faire payer un module prestashop… surtout quand c'est 2 lignes de code

[jeckyl]

Bonjour,

Peut être pourriez vous essayer de donner la solution pour passer en colonne afin que les prochains n'aient pas à chercher comme vous.

[lescrocs]

En effet, alors pour la solution il suffit de mettre les 2lignes signalées ci dessous

ul#product_list li {
   background: #d0d3d8 url('../img/prix.jpg') no-repeat;
   border: solid 1px #1dc3db;
   padding: 2px 2px 2px;
   width:210px;
   height:328px;
   clear:none;      <-------ICI
   float: left;         <-------ICI
   margin:1em 1.1em 0.5em;
       text-align:center;
}

Have Fun