grenierhitech Posted March 10, 2012 Share Posted March 10, 2012 Bonsoir à tous, Voilà Quelques années que je bricole avec Prestashop, et j'ai décidé de mettre en place le theme New prestashop sur ma boutique, seleument voilà que toute la structure (que je connaissais un peu...) du nouveau global.css a changé... Avant j'avais une boutique qui faisait 1280 pixels de large avec ces réglages ci : /* global layout */ #page { width: 1280px; margin: 0 auto 2px auto; text-align: left } #header_logo { float: left; width: 264px; display: block } img.logo { float: left; margin-top: 0.5em; font-size: 2em; font-weight: bold } #header_right { float: left; margin-bottom: 15px; width: 73%; text-align: right } #left_column, #center_column, #right_column { float: left } #left_column { clear: left; width: 191px; margin-right: 21px; overflow: hidden } #center_column { float: left; width: 850px; margin: 0 0 30px 0; overflow: hidden J'ai parcouru toutes les lignes du nouveau global.css, et je ne retrouve pas cette partie. Hors, je souhaite élargir ce super thème à 1280 pixels, et surtout 850pixels pour le center column. Merci de votre aide. Link to comment Share on other sites More sharing options...
lordexquisit Posted March 11, 2012 Share Posted March 11, 2012 Bonjour Regarde dans le fichier css 'grid_prestashop' et trouve 'container_9': change la largeur. Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 Bonjour, et merci pour la réponse, Mais newbie comme je suis, j'ai modifié le fichier, et comme le résultat ne me convenait pas j'ai remis la sauvegarde du fichier initial. Mais plus moyen de retrouver un site avec une présentation correcte. Que faire? Pour info, je souhaite juste élargir le site à 1280pix, et la colone du centre à 850pix. Je suis dans la soupe... Merci encore Link to comment Share on other sites More sharing options...
lordexquisit Posted March 11, 2012 Share Posted March 11, 2012 Tu peux changer la largeur de 'center_column' dans le fichier 'global.css'. Il y en a quelques-unes. Sinon, as-tu un lien pour ton site? Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 Voilà, j'ai repris mon ancien global.css et grid_prestashop. Le site est redevenu normal, mais je suis aussi revenu au point de départ. Largeur de site sur 980Pix et donc pas moyen d'élargir la center column à 850pix. Je voudrais éviter de devoir scroller en horizontal sur ce genre de page : http://www.grenierhitech.com/cms.php?id_cms=10 Sachant que la boutique partenaire fait 820pixels de large et que c'est une donnée imposée. Merci pour vos commentaires Link to comment Share on other sites More sharing options...
lordexquisit Posted March 11, 2012 Share Posted March 11, 2012 Apparemment, il te faut changer la valeur de 'grid_5' dans le fichier 'grid_prestashop' qui est de 535px et la changer par 850px Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 On y arrive lentement mais surement, mais c'est pas encore tout à fait ça :-) Le site a l'air de tenir la route après quelques essais foireux, mais ma barre horizontale de menu en haut n'a pas la largeur du site ... quel grid changer? et surtout quelle valeur y mettre? www.grenierhitech.com merci pour votre aide Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 Je viens aussi de me rendre compte d'un autre truc : les différents blocs sur la homepage ont la bonne largeur, parcontre dans les pages catégories, les 850pix disponibles ne sont pas utilisés. La colonne centrale est étroite et décalée sur la gauche? Si quelqu'un peut me dire à quoi correspondent les différents grid (1 à 9), cela serait tip top. Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 Après des heures de recherches et de test, je suis arrivé à ces valeurs grid qui me conviennent à 2 détails près : /* Grid >> 9 Columns ----------------------------------------------------------------------------------------------------*/ .container_9 .grid_1 {width:91px;} .container_9 .grid_2 {width:202px;} .container_9 .grid_3 {width:313px;} .container_9 .grid_4 {width:424px;} .container_9 .grid_5 {width:835px;} .container_9 .grid_6 {width:946px;} .container_9 .grid_7 {width:1057px;} .container_9 .grid_8 {width:1168px;} .container_9 .grid_9 {width:1279px;} Avec ce réglage j'obteins un site sur 1280Pix, mais toujours avec les 2 mêmes soucis : - La barre de menu (en gris avec acceuil, mentions légales...) n'est pas suffisament longue http://www.grenierhitech.com/ - Dans les catégories, les listes de produits (situées au milieu) sont aussi trop étroites http://www.grenierhitech.com/category.php?id_category=24 Mais je crains que ces réglages là ne sont pas dans le grid-prestashop... Pouvez-vous éclairer mes lanternes? Link to comment Share on other sites More sharing options...
iXs Posted March 11, 2012 Share Posted March 11, 2012 Mais juste un truc Hors sujet, 1280px c'est trop large, comme 1 personne sur 5 je dois scroller horizontalement. Link to comment Share on other sites More sharing options...
grenierhitech Posted March 11, 2012 Author Share Posted March 11, 2012 Bonsoir iXs, Je sais que c'est le cas de certain, mais je n'ai pas trop le choix, j'ai absolument besoin de 800-850 pix pour le center-column. Une solution plus propre consisterait à placer une fonction auto à la place des 1280pix en fixe. Mais c'est trop pour mes neurônes... Merci à tous, j'y suis presque... Link to comment Share on other sites More sharing options...
lordexquisit Posted March 12, 2012 Share Posted March 12, 2012 Bonjour Pour ce qui est de ta barre de menu, va dans le dossier modules/blocktopmenu et edite dans le fichier superfish-modified.css la valeur de sf-menu. Link to comment Share on other sites More sharing options...
grenierhitech Posted March 14, 2012 Author Share Posted March 14, 2012 Bonjour à tous, et merci à lordexquisit Ca fonctionne pour la partie menu haut horizontal. Il me reste juste une chose à régler : - Dans les catégories, les listes de produits (situées au milieu) sont aussi trop étroites http://www.grenierhi...?id_category=24 Pour faire clair, C'est un réglage de la largeur du prix qui est trop large, et fatalement, la description est écrasée. Merci de votre aide Link to comment Share on other sites More sharing options...
lordexquisit Posted March 14, 2012 Share Posted March 14, 2012 Bonjour (et merci pour la promo ) Dans le fichier 'product-list.css', cherche #product_list li .center_block et modifie la valeur de 'width' (j'ai essayé à 550px, çà semble correct (ou la valeur que tu préfères)) Ensuite, toujours dans le même fichier, cherche #product_list li .right_block et modifie la valeur de 'width' (200px (ou la valeur que tu préfères)). Link to comment Share on other sites More sharing options...
grenierhitech Posted March 14, 2012 Author Share Posted March 14, 2012 Super et grand merci à tous. Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 (edited) Bonjour Lordexquisite, je débarque sur ce forum en temps que débutant, une question simple stp : je change la largeur dans . container_9 { margin:0 auto; width: 1100px; Ca fonctionne comme tu l'as indiqué, mais comment centrer le tout ? Merci d'avance Edited January 12, 2013 by Nogir (see edit history) Link to comment Share on other sites More sharing options...
lordexquisit Posted January 12, 2013 Share Posted January 12, 2013 Bonjour Nogir. Il y a un moment que je ne suis pas passé par ici! Tu peux essayer: container_9 { margin:0 auto; width: 1100px; text-align: center; } Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 Re bonjour, Lord, merci pour la réponse supersonique !! J'ai fait mais ça ne change rien. .container_9 { margin:0 auto; width: 1100px; text-align: center; } Par contre j'ai vu plus bas dans le CSS : /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 { display:inline; float: left; position: relative; margin-right: 20px; } Le thème de base en 978px est centré, je le passe à 1100px, il ne l'est plus (décalage sur la gauche, marge d'origine sur la droite). Y a t-il quelque chose à changer ou supprimer. Au passage, bien qu'ayant cherché sur Google un bon moment je n'ai pas trouvé la réponse à cette question simple (trop simple) ? J'ai même pris un cours en ligne avec un "mentor" prestashop, c'est la première question basique que j'ai posée, une heure payée pour rien, il ne savait pas, j'attends toujours son mail après recherches..... A tout hasard je cherche une formation ou une assistance en ligne ou via mails, pour configurer et adapter le thème prestashop de base à mon goût et usage. Si tu connais quelqu'un.... en payant bien entendu ! Merci encore. Link to comment Share on other sites More sharing options...
lordexquisit Posted January 12, 2013 Share Posted January 12, 2013 As-tu un lien que je jettes un oeil? Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 Je suis en local Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 J'ai mis 1100px dans cette zone : ça a élargi et centré le header mais pas le reste, ça progresse ??? /* Grid >> 9 Columns ----------------------------------------------------------------------------------------------------*/ .container_9 .grid_1 {width:91px;} .container_9 .grid_2 {width:202px;} .container_9 .grid_3 {width:313px;} .container_9 .grid_4 {width:424px;} .container_9 .grid_5 {width:535px;} .container_9 .grid_6 {width:646px;} .container_9 .grid_7 {width:757px;} .container_9 .grid_8 {width:868px;} .container_9 .grid_9 {width:1100px; Link to comment Share on other sites More sharing options...
lordexquisit Posted January 12, 2013 Share Posted January 12, 2013 Ok. J'ai fait un essai chez moi: Tu changes le "float: left;" par "float: right;" et "margin-right: 20px;" par "margin-right: 280px;" (280 est approximatif, tu peux changer la valeur selon ta volonté) Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 Euh ça met le schisme total !! Blocks sous menu décalés à droite et en bas !! Link to comment Share on other sites More sharing options...
lordexquisit Posted January 12, 2013 Share Posted January 12, 2013 ok. Alors remets le float à left et au lieu de margin-right, tu mets "margin: 0 0 0 280px;" Link to comment Share on other sites More sharing options...
Nogir Posted January 12, 2013 Share Posted January 12, 2013 Cher Lord, ça ne le fait pas, en fait j'ai pu directement élargir header et menu de 979px à 1100px centré, ensuite pour les 3 colonnes, il faut mettre le margin à 80px, soit 979+(80x2)=1139 moins le margin 20x2 de base on arrive à 1099. Pas sur d"avoir été clair mais ça fonctionne !! Link to comment Share on other sites More sharing options...
Recommended Posts