[resolu]mauvais affichage des produit phare[resolu]

[lemandingo]

Bonjour à tous,

 

Je cherche de l'aide concernant la modification de l'affichage des produits phare en page d'accueil.

 

J'ai deux produits phare par ligne, ça c'est ok...mais ils sont collés les uns aux autres et sur la droite donc je souhaiterais mettre une marge et centrer pour harmoniser et une ligne sur deux les produits sont decallés ainsi que la barre jaune "ajouter au panier".

 

Voici mon site http://asianstyle.fr

 

Merci par avance pour ceux qui peuvent m'apporter une solution.

Edited June 10, 2013 by lemandingo (see edit history)

[iXs]

dans le global.css du thème, ligne 312 : .products_block li

 

ajouter :

margin: 20px 0 20px 100px;

[lemandingo]

cool je cherche en vain! je vais essayer ta solution et te dis ça !

[lemandingo]

Excellent! t'es un bon

c'est dejà plus propre!

par contre si tu pouvais me dire pourquoi j'ai des "ajouter au panier" differents sur chaque ligne

je veux dire un court un long, un court un long?

 

par contre dans le bloc "deja vu" à gauche cela a tout décaler sur la droite...

les deux blocs doient être liés...

Edited March 9, 2013 by lemandingo (see edit history)

[iXs]

parce que la largeur des LI n'est pas défini, ajoute width: 300px; au même endroit.

[lemandingo]

Malheureusement ça ne marche pas ça décale le tout mais j'ai réduit le margin ça peux aller maintenant reste plus que les barre ajouter au panier...

[Stéphane Chonez]

bonjour,

 

 

dans votre globall .css ligne 312 rajouter une largeur à votre bloc (width) :

.products_block li {
   margin: 10px 0 10px 50px;


   width: 350px;
}

 

et globall.css ligne 191, ajouter une largeur et un alignementt de texte (width et texy-align) :

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
}
input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
   background: url("../img/bg_bt.gif") repeat-x scroll 0 0 #F6E497;
   border-radius: 3px 3px 3px 3px !important;
   color: #000000;
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
   padding: 5px 7px;


   text-align: center;
   width: 120px;
}

[lemandingo]

Bonjour et merci pour la soluce le bloc produit phare est nikel maintenant...

par contre dans le déjà vu à gauche faudrait que les articles soient sur la gauche au lieu d'être au milieux car cela coupe la description.

 

Bon en fait j'ai réduit le margin a 0px et ca va aller comme ça.

 

 

merci pour ton aide c'est cool!

 

Par contre j'ai mis un autres sujet qui à été lu pleins de fois mais apparement personne à la solution!

 

Voici le liens:

 

http://www.prestashop.com/forums/topic/231139-comment-augmenter-la-hauteur-de-la-description-sous-le-module-scene/

Edited March 10, 2013 by lemandingo (see edit history)

[Stéphane Chonez]

en fait, la description est coupée car elle possède une limite de caractères (TRUNCATE).

 

il faut augmenter la valeur du truncate dans le fichier tpl du module.

idem pour le titre...

[Stéphane Chonez]

ok, je vous ai répondu sur l'autre sujet