Alignement des Produits Phares

[SamAce]

Bonjour voila je rencontre un souci par rapport aux "Produits Phares" j'essaye d'aligner 3 voir 4 produits par ligne mais à chaque fois les images s'alignent verticalement une par une, la taille de l'image fait 275 de largeur et 350 de hauteur j'ai fouiléé le css et tpl de homefeatured mais je ne trouve pas comment corriger ce probleme en vous remerciant.

[capsizone]

Bonjour,

Vous avez quel genre de thème ? 3 colonnes ou 2 colonnes.
Avec une largeur d'images de 275 px vous ne pourrez pas mettre
plus de 2 produits par ligne, la largeur de la colonne centrale étant
d'environ 560 px pour le 3 colonnes et 720 px pour un 2 colonnes.
200px me semble correct pour aligner 3 produits par ligne sur un
2 colonnes.

[SamAce]

Bonjour merci pour la réponse vous etes le tout premier lol je suis sur le theme original de prestashop que j'ai modifié pareil pour le center column que j'ai mis a 1000 px pour le width et pendant qu'on y est j'ai aussi un probleme sur la hauteur je ne peux pas aligner plus de 2 lignes merci bien

[capsizone]

Vous ètes en local ou sur un serveur externe, si serveur externe postez le lien.
Avec une center column à 1000px vous ètes sur une seule colonne.
Regardez les value du homefeatured.tpl

{l s='Featured products' mod='homefeatured2'}
   {if isset($products) AND $products}

           {assign var='liHeight' value=415}
           {assign var='nbItemsPerLine' value=3}

[SamAce]

j'ai été dans le tpl de homefeatured 'jai modifié le height mais j'ai l'impression qu'il y a un nombre maximum à pas dépasser j'ai tenté 950 et ensuite ça ne fais aucun effet la photo est coupé presque au milieu par rapport au global pour etre sincere je ne sais pas ou modifier les données si je peux vous donnez des précisions c'est avec plaisir

[capsizone]

La valeur du liHeight est pour une ligne la hauteur totale est calculée par :

{assign var='ulHeight' value=$nbLines*$liHeight}

Regardez aussi dans le global.css aux alentours de la ligne 904 pour la 1.4

#center_column .products_block ul li {
   background: url("../img/phare.jpg") no-repeat scroll left 0 #FFFFFF;
   border-bottom: 1px solid #7A945F;
   border-right: 1px solid #7A945F;
   float: left;
   height: 342px;
   margin-top: 0;
   padding: 0 0 1px;
   width: 212px;
}

Adaptez height et width à vos besoins. Ici il y a une image en fond.
Jetez un oeil à cette démo avec Firebug

[SamAce]

Merci encore pour votre aide sur le tpl de homefeatured est ce bien cette ligne :
{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

Si oui ou placer la valeur? Ensuite j'ai regardé le lien que vous m'avez envoyé et je vous en remercie ça m'a fais avancer sur ce que je voulais faire.