Uniformisation des cellules produits

[lordbdp]

Bonjour,

Je voudrais uniformiser la mise en forme des cellules produits afin d'avoir un meilleur visuel des produits sur la page d'accueil au lieu d'avoir un yoyo des produits (pas de plus agréable à voir). Tout est propre si le texte se contient sur le même nombre de ligne, mais sinon voyez le résultat...

Comment rendre ça plus propre ?

[lordbdp]

Bon j'ai fait du tri dans les CSS (feuilles de style) ainsi que dans les .tpl et maintenant c'est quasi nickel propre. Il ne me reste plus qu'à trouver comment aligner les contenus des blocs produits car si les titres des articles ne tiennent pas tous sur ne même nombre de ligne le résultat visuel reste bof à mon goût. Je pense que les modifications sont à faire dans les css mais je n'arrive pas à trouver.

Un petit coup de main serait le bienvenue ^^

Merci d'avance.

[Imaxine]

... car si les titres des articles ne tiennent pas tous sur le même nombre de ligne le résultat visuel reste bof à mon goût.

Tu pourrais réduire le nom de tes articles ou limiter le nombre de caractères dans le nom de l'article dans le champs de la table "product" de la base de données.

Sinon, il te reste à modifier ta feuille de style en fonction.
Si tu ne t'y connais pas en CSS, je te conseille de visiter le site du zéro ainsi que celui d'alsacréations.

[lordbdp]

Je préfère Alsa il est super pour les noobs comme moi ^^.
Si je trouve la solution je vous la posterais ici.

[lordbdp]

La solution : ajouter un height: 30px dans le steelsheet.css du template.

Remplacer

Code: Tout sélectionner

.box-product .name a {
   color: #efda62;
   font-weight: bold;
   text-decoration: none;
   display: block;
   margin-bottom: 4px;
}

par

Code: Tout sélectionner

.box-product .name a {
   color: #efda62;
   font-weight: bold;
   text-decoration: none;
   display: block;
   margin-bottom: 4px;
   height: 30px;
}

L'ajouter aussi pour
.product-grid .name a {