Agrandir la Taille de mon produit dans catégorie.

[victorbarns]

Bonjour à tous,
J'utilise prestashop sous le thème Black&White;,
et je cherche désespérément à agrandir la taille de ma photo de produit sur la page "catégorie", c'est à dire que 3 produits s'affichent par ligne et je voudrais les agrandir pour qu'il n'y en ai plus que 2. J'ai beau modifier toutes les tailles dans
Merci à ceux qui pourront m'aider..

[jeckyl]

Bonjour,

et vous avez regardé que la taille de l'image ne soit pas aussi limité par le fichier CSS du template ?

[victorbarns]

Non, j'ai modifier une ligne dans product-list.tpl

Mais le résultat n'est pas bon, les produits de s'adaptent pas (voir capture jointe)
Voici le fichier global.css de mon thème, j'ai bien essayé de tatoner quelques trucs mais je ne sais pas quel zone je dois modifier..

/* Styles for products blocks */
/* block products (new, viewed, etc...) on left and right column */
.products_block li {clear: left; }
.products_block li.item img {margin-right: 5px; }
.products_block li.last_item {border: none;}
.products_block li img {vertical-align: top; float: left; margin:0 0.2em 0.5em 0}
.products_block li h5 {font-size: 0.9em; padding-top:1em; background:none; width:100%}
.products_block_h2 {font-size:24px; letter-spacing: -2px; font-weight:bold; width:200px; float:left; color:#ff6600; background:white; padding:0.3em 0 0 0.7em}
.products_block li p a {font-weight: bold; font-size: 0.8em;}
.products_block dl {clear: both; border-top: 1px solid #374853; padding: 0.2em 0.4em;}
.products_block dl dt {margin-top: 0.3em; color: #595a5e;}
.products_block p {margin-top: 0.4em;}
.products_block a.button_large {margin: 0.4em 0.4em 0 0.4em;}
.products_block ul.product_images li {border: none; float: left; clear: none;}



/* Special style for block products in center column */
#center_column .products_block  {color: #595a5e; border: none;}
#center_column .products_block ul {width:900px; float:left;}
#center_column .products_block h4 a {color:#ff6600; float:left }
#center_column .products_block  h5 a:hover{color:black; text-decoration:underline}
#center_column .products_block p { width:100%}
#center_column .products_block h3 {padding:0.2em; background:black; color:white; float:left; font-size:11px}
#center_column .products_block  span{ color: #0072bc; font-weight:bold; line-height:20px}
#center_column .products_block  p a { color:#999; }
#center_column .products_block  .pprice span {color:black; background:none; font-weight:bold;}
#center_column .products_block  .pprice a {background:black; color:white; margin:0 0.3em 0 0.3em; padding:0.1em 0.5em 0.1em}
#center_column .products_block  .pprice a:hover {color:white}
#center_column .products_block  a{color: #FF2E1D;}
#center_column .products_block ul li {float: left; clear: none; width:138px; height:260px; margin-right:1em;}

/*#center_column .products_block li.last_item { float:none; clear:both; }*/
#center_column div.products_block h5 {display: block; width:100%; padding:0 }
#center_column div.products_block h5 a {color: black; font-size:12px; }
#center_column div.products_block a.product_image {display: block; background-color: transparent; width: 129px; height: 129px; margin-left:2px;}
#center_column div.products_block a.product_image img{float:none; margin:0;}
#center_column div.products_block ul li p.product_desc a { font-weight:normal;}
#center_column .products_block span.price {text-align: center; font-size: 1.6em; padding: 0.5em 0; display: block;}
#center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive {margin: 0.5em auto;}

[Enduro]

Installe Firebug est tu trouvera la solution si ce n'ai déjà fait.