Alignement block produits phares

[GsShop]

Bonjour,

Après avoir parcouru ce forum immense pour monter ma boutique en ligne grâce a PRESTASHOP et beaucoup de prises de têtes plus tard j'ai réussi a réaliser quelque chose de potables a mon goût grâce a cette communauté partageant leurs savoir et que je remercie de beaucoup.

Je bute néanmoins sur un problème surtout esthétiques quand a l'alignement du module homefeatured a la suite du module slide afin de garder une harmonie de la page j'ai beau cherche un moyens autant dans le css global que ton le tpl en lui même mais je stagne.

Donc je souhaiterais avoir des explications si possible sur la démarche a suivre pour y remédier.

Je vous remercie d'avance ne serait-ce que de m'avoir lu.

Cordialement

PS: Image du problème en pièces jointes.

Je ne sais pas si j'en ai le droit et ne souhaite en aucun cas spammer mais je vous joins l'adresse du site Gssshop si vous arrivez a localiser le fichier grâce a firebug

[Peha]

Bonjour

dans global.css

1_ enlève les margin-rignt et margin-left de #center_column .products_block ul li {}
2_ augmente la valeur de width dans #center_column div.block{}

et ça devrait le faire.

pa.

[GsShop]

Merci beaucoup pour cette réponse claire et rapide, mais cela ne change rien au niveau de la balise width: que je mettes 500 px ou 1000 px cela ne change rien j'ai bien suivi vos modifications :


Suppresion des balise margin left et right de ce bloc :

#center_column .products_block ul li {
background-color: #fff;
border-top:3px solid #fd7d00;
border-left:1px solid #a5a5a5;
border-right:1px solid #a5a5a5;
border-bottom:1px solid #a5a5a5;
margin-top: 10px;
clear: none;
float: right;
width: 240px;
padding:0 2px 5px;

}

Modification de la balise width du bu bloc suivant :

#center_column .products_block {
border-style: none;
float: left;
width: 500px;
}

Je voudrais savoir si j'ai fait une erreur et ou ? Merci d'avance

[maisongibert]

Salut, moi aussi j'avais ce problème et j'ai réussi à le résoudre.
Je n'arrive pas trop avoir ce que tu as au dessus de tes produits phares, si c'est un slider ou pas, pour moi, c'est le cas. J'ai modifié dans le css du slider le margin bottom:
------------

#slider {
width: 536px; /* important to be same as image width */
height: 228px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin: auto;
margin-bottom: -35px;

---------------

Bon, ben si c'est pas ton cas, regarde si un css au dessus de tes produits phares peut changer qq choses.

Bon courage

[altereg]

Bonsoir à tous,

difficile de répondre sur un shoot, si on pouvait voir ça avec firebug vous auriez une réponse rapide.

NB: sauf évidemment si vous développez en local :-S

[ps93]

Désolé de l'incruste, pourrais-tu me dire quelles sont les modifications que tu as apporté sur le css pour avoir ne serait-ce le rendu que tu as sur les produits phares stp?

[jeckyl]

Bonjour,

Le problème vient du fait que tu as beaucoup de largeurs différentes.

Une pour la div centrale
une pour le slide
et une pour les produits phares

Il faudrait harmoniser tout cela.

556px pour la div centrale, 543px pour le slide.
Donc veux tu simplement aligné tes produits phares sur le slide ?
pour cela il te suffit de modifier les largeurs de 2 div :
#center_column div.block h4
et
div.block_content ul

[ps93]

J'ai réussi de mon côté.
J'ai vu que sur ton site tu as également réussi.
Pourrais tu mettre la solution et mettre résolu? (mode moderator/admin )

[jeckyl]

Je suis étonné de ta réponse, car je n'ai pas le pouvoir de mettre résolu à un sujet que je n'ai pas ouvert ....

Et à quel site fais tu référence car je m'occupe de plusieurs sites sous prestashop.

Après je travaille principalement avec firebug donc la solution que j'ai donnée plus haut doit être la bonne.

[ps93]

Désolé, je m'adressais à Gsshop directement.
Sinon, de mon côté, il s'agissait bien du paramètre à modifier que tu as cité.

[jeckyl]

cool.

Heureux d'avoir pu aidé.

[ps93]

Oui j'avais cependant réussi à trouver seul grâce au firebug, mais merci tout de même

[vestax]

bonjour a tous,

Je recherche aussi a pouvoir aligner les produits phares comme sur la photo qui ce trouve dans le premier poste, mais jene parviens pas a trouver la ligne a editer dans mon global.css.

avez vous une idée svp ?

cordialement

[bijububu]

1. #center_column div.block {

margin:auto;
width: auto;