Jump to content
cyntoch

[Résolu] Supprimer colonne de gauche et de droite

Recommended Posts

Bonjour,

 

Je voudrais supprimer la colonne de gauche et la colonne de droite et n'avoir qu'un bloc central.

 

Je voudrais que mon diaporama fasse toute la largeur de mon bloc central.

 

Comment donc supprimer ces deux colonnes et agrandir celle au centre?

 

Je suis débutante, est-il possible de m'indiquer quels fichier changer? Merci.

Edited by cyntoch (see edit history)

Share this post


Link to post
Share on other sites

Il faut modifier le global.css

en mettant un display:none dans les colonnes vers la ligne 50

puis ajuster la taille en dessous de /* Grid >> 9 Columns dans grid_prestashop.css

vous aurez d'autres modifs à faire dans certain css comme my-account par exemple puis ajuster les contenus des product.css et productlist.css, etc...

Share this post


Link to post
Share on other sites

Avant tout, il faudrait savoir la version de PrestaShop utilisée. Cela peut changer, dans la "résolution" du problème, ;)

  • Like 1

Share this post


Link to post
Share on other sites

Ah excusez-moi je suis nouvelle donc je n'ai pas encore les automatismes ;-)

 

J'ai donc téléchargé la dernière version, soit la 1.5.4

 

Merci Muche pour ces précisions, je vais tenter de modifier ça....

 

Par contre dans quel dossier se trouve le fichier global.css?

Edited by cyntoch (see edit history)

Share this post


Link to post
Share on other sites

C'est bon, j'ai trouvé le fichier global.css

 

c'est ici que je dois ajouter display:none ?

 

/* positionnement ****************************************************************************** */

.hidden {display:none}

.f_left {float:left}

.f_right {float:right}

p.center {text-align:center}

.clearBoth {clear:both}

Share this post


Link to post
Share on other sites

Bonjour,

 

Est-ce que quelqu'un peut m'aider s'il vous plait :unsure: ?

 

Merci

Share this post


Link to post
Share on other sites

Encore moi :)

 

Si je veux supprimer la colonne je mets 0 pixels la ou c'est marqué width: 202px; ???

 

colonnedroite.jpg

 

Et pour la colonne centrale, je veux qu'elle fasse 1100 pixel, je fais le changement la ou j'ai mis la flèche ? Je remplace 980px par 1100px ?

 

centre.jpg

 

Merci, merci ;)

Share this post


Link to post
Share on other sites

Bonsoir cyntoch,

 

Avant de te répondre, peux-tu me dire si tu souhaites masquer les colonnes sur l'ensemble du site ? Si oui, tu peux ne pas toucher au CSS (tu devrais, même). Il existe une possibilité que l'on nomme l'override et qui permet de dire aux deux colonnes de ne pas s'afficher (et le reste se gère tout seul, et c'est mieux !).

 

J'attends ta réponse et te donnerais l'override souhaité si c'est bien ça, alors ;-)

Share this post


Link to post
Share on other sites

Bonjour,

 

Oui je souhaite masquer les deux colonnes sur l'ensemble du site et je voudrais que ma colone centrale fasse 1000 ou 1100 pixel.

 

Merci beaucoup pour ton aide ;-)

Share this post


Link to post
Share on other sites

Bonjour,

 

As-tu trouver une solution à mon petit problème ? :unsure: (désolée d'insister)

Share this post


Link to post
Share on other sites

Bonjour,

 

S'il vous plait, il n'y a personne qui puisse me répondre???

J'aimerais avancer mais sans ça j'ai l'impression que je ne peux rien faire...

 

Un grand merci.

Share this post


Link to post
Share on other sites

Pourquoi mettre à 1100 puisque le gabarit du site est de 980 ??.

Pour le reste je donne la même réponse qu'au dessus:

"Il faut modifier le global.css

en mettant un display:none dans les colonnes vers la ligne 50

puis ajuster la taille en dessous de /* Grid >> 9 Columns dans grid_prestashop.css

vous aurez d'autres modifs à faire dans certain css comme my-account par exemple puis ajuster les contenus des product.css et productlist.css, etc...".

Ne changez pas le container 9, mais adaptez les autres

Share this post


Link to post
Share on other sites

Enfait je voudrais que le site soit plus large, ce n'est pas possible?

Share this post


Link to post
Share on other sites

Super! Je suis contente j'ai enfin réussi! Merci, merci beaucoup pour votre aide!!!!

J'ai conscience d'être un boulet et j'en suis désolée mais je commence à comprendre tout doucement :wacko:

J'ai donc supprimé les colonnes mais je suis désolée, je n'ai pas bien compris ce passage:

 

puis ajuster la taille en dessous de /* Grid >> 9 Columns dans grid_prestashop.css

 

Je n'ai pas trouvé la ligne la modifier...

Share this post


Link to post
Share on other sites

C'est par là:

.container_9 .grid_6 {width:646px;}
.container_9 .grid_7 {width:757px;}
.container_9 .grid_8 {width:868px;}

Celà va adapter la column centrale suivant les class qu'elle a.

sans oublier les tailles column dans les css du type my-account, en général c'est dans les 1res lignes.

Edited by Muche (see edit history)

Share this post


Link to post
Share on other sites

Ok donc je mets les 3 à 980px par exemple?

 

Et les tailles column je les mets à 0?

Share this post


Link to post
Share on other sites

Heuuu... petit soucis.

 

J'ai donc fais le changement :

 

/* 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:980px;}

.container_9 .grid_7 {width:980px;}

.container_9 .grid_8 {width:980px;}

.container_9 .grid_9 {width:980px;}

 

et voila ce que j'obtiens:

 

ecrann.jpg

 

Ma colonne centrale ne s'est pas élargie mais surtout mon pied de page et mon module "footer custon" ont disparu tous les deux.

Share this post


Link to post
Share on other sites

Il ne suffit pas de changer au hasard en bloc il faut analyser les class avec firebug, pour savoir quoi à quoi correspond

Share this post


Link to post
Share on other sites

Je suis désolée mais je ne comprends pas... J'ai fais ce que vous m'avez dit, il fallait faire être chose?

 

J'ai changé :

grid_6 grid_7 et grid_8

 

Ce n’était pas ça ??

 

Oui c'est ce que je fais je suis tout le temps en train de regarder firebug mais parfois j'ai besoin d'un peu plus d'explications :unsure:

 

Je suis désolée j'ai vraiment l'impression de vous embêter :(

 

J'ai tout remis comme c'était mais rien n'est revenu....

Edited by cyntoch (see edit history)

Share this post


Link to post
Share on other sites

Mon pied est revenu j'avais ajouté un display:none dans pied de page du global.css

 

 

Sinon j'ai donc tout remis comme c'était je suis parti sur firebug et j'ai vu que la colonne centrale faisait déja 980px, donc c'est bon ou non?

 

Par contre mon diapo ne veut pas prendre toute la largeur de la colonne soit 980px. J'ai bien fais le changement dans le module "carousselle" dans le BO. Peut-être fallait-il le faire ailleurs aussi?

Edited by cyntoch (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Merci!

 

Je suis en train de le faire avec firebug et ca marche! J'ai remplacé tous les 535px par 980px Je ne sais pas si c'est cela qu'il fallait faire mais sur firebug ca a l'air de fonctionner. Par contre je n'arrive pas à trouver dans quel fichier je dois faire le changement exactement...

C'est dans module>homeslider>bx_styles.css ???

 

sanstitre6ka.jpg

Share this post


Link to post
Share on other sites

Bonsoir,

 

Je m'excuse pour le délai de la réponse mais je n'étais pas chez moi...

 

... il ne faut pas éditer de CSS, en réalité. Surtout en 1.5. Il faut réaliser un override de comme celui-ci:

 

<?php
class FrontController extends FrontControllerCore
{
public $display_column_left = false;
public $display_column_right = false;
}

 

Ainsi, logiquement, le PrestaShop va retirer les deux colonnes et ajuster le CSS automatiquement. De même, il ne chargera pas les éventuels modules qui sont hookés sur ces deux colonnes.

Share this post


Link to post
Share on other sites

Ce n'est pas grave ;-)

 

Oh mince du coup je refais tout à l'envers?

 

Par contre je ne sais pas ce que veut dire "réaliser un override"

 

C'est possible de m'expliquer le pas en pas en détail?

 

Merci.

Share this post


Link to post
Share on other sites

Hé bien... Oui :-/ (C'est d'ailleurs pour ça que je m'excuse pour le retard, vu tout le travail accompli/fourni avant).

 

L'override, c'est donc une extension ou une modification du fichier de base. Le code mentionné plus haut doit être mis dans un fichier nommé FrontController.php et placé dans le dossier /override/controllers/front/ :)

Share this post


Link to post
Share on other sites

Non, pas de soucis, d'autant plus que je n'avais pas fais de gros changement ;)

 

Ok donc j'ai re-transféré les fichiers de base que j'avais sauvegardé.

 

Les deux colonnes sont donc de nouveaux présentes ;-)

 

Par contre je n'ai pas trouvé le fichier Frontcontroller.php, ou se trouve t-il?

 

Et le code, je le colle n'importe ou?

 

Merci.

Share this post


Link to post
Share on other sites

Non, pas de soucis, d'autant plus que je n'avais pas fais de...

c'était de l'humour, il faudra tout de même modifier les Css, dommage.

Share this post


Link to post
Share on other sites

Je comprends plus....

 

J.danse a dit qu'il ne fallait pas éditer de css

 

Je fais quoi alors?

Share this post


Link to post
Share on other sites

Il est vrai que, malheureusement, l'opportunité de masquer les deux colonnes est à moitié présente/finie et qu'il nécessitera une modification du CSS.

 

Voici le CSS à mettre dans le global.css de votre thème:

.hide-left-column #left_column {display:none}
.hide-left-column #center_column {width:757px}
.hide-right-column #right_column {display:none}
.hide-right-column #center_column {width:757px}
.hide-left-column.hide-right-column #center_column {width:959px}

 

Les deux premières lignes étant déjà présente.

 

Je fais la demande d'ajout à PrestaShop, pour la prochaine version.

Share this post


Link to post
Share on other sites

Très bien, par contre vous n'avez pas répondu à ma première question concernant l'override:

 

Ok donc j'ai re-transféré les fichiers de base que j'avais sauvegarde

 

Les deux colonnes sont donc de nouveaux présentes ;-)

 

Par contre je n'ai pas trouvé le fichier Frontcontroller.php, ou se trouve t-il?

 

Et le code, je le colle n'importe ou?

 

Merci

Share this post


Link to post
Share on other sites

Il est vrai que, malheureusement, l'opportunité de masquer les deux colonnes est à moitié présente/finie et qu'il nécessitera une modification du CSS.

 

Voici le CSS à mettre dans le global.css de votre thème:

.hide-left-column #left_column {display:none}
.hide-left-column #center_column {width:757px}
.hide-right-column #right_column {display:none}
.hide-right-column #center_column {width:757px}
.hide-left-column.hide-right-column #center_column {width:959px}

 

Les deux premières lignes étant déjà présente.

 

Je fais la demande d'ajout à PrestaShop, pour la prochaine version.

 

Ça veut dire que ma colonne centrale fera 959px?

Share this post


Link to post
Share on other sites

D'accord, donc si par exemple je veux modifier la taille de cette colonne et la mettre à 1100px, c'est ici que je fais la modification?

Share this post


Link to post
Share on other sites

Voila, J'ai modifié le global.css J'attends juste la réponse à ma question concernant l'override afin de finaliser tout ça ;)

 

 

Par contre je n'ai pas trouvé le fichier Frontcontroller.php, ou se trouve t-il?

 

Et le code, je le colle n'importe ou?

 

Merci.

Share this post


Link to post
Share on other sites

Le fichier n'existe pas, il faudra le créer.

 

Vous devez donc créer un nouveau fichier et y placer l'ensemble du code donnée (en début de fichier, et donc n'importe où ainsi ;))

 

Vous le placez ici [racine_du_site]/override/classes/controller/ (il doit se nommer FrontController.php).

 

Dans le répertoire [racine_du_site]/cache , supprimer le fichier class_index.php qui se régénéra de lui-même.

Share this post


Link to post
Share on other sites

OK ;)

 

Merci beaucoup pour toutes ces explications détaillées!

 

Je vais faire ça de suite.

 

Et désolée d'être aussi lourde :wacko: lol

 

Un grand merci à vous deux, Muche et J.Danse pour votre patience et votre aide.

 

....Bon et bien je reviens si ça ne marche pas ;-)

  • Like 1

Share this post


Link to post
Share on other sites

Avec plaisir.

 

Ne vous tracassez pas: vous n'êtes pas lourde. Malheureusement, le temps que je prenne le temps de répondre à tout ce qui est en attente fait que vous attendez et vous impatientez (et je ferais de même, alors je ne discute pas dessus ;-)) ; C'est tout à faire normal (du moment qu'il y a un merci, ;))

 

Ne pas hésiter à revenir, bien sur ! :)

  • Like 1

Share this post


Link to post
Share on other sites

Enfin!!!!!!!!!!!!!! Je peux enfin mettre mon topic en résolu ;-)

 

Vraiment merci à vous deux :D

 

siteyrr.jpg

  • Like 1

Share this post


Link to post
Share on other sites

Bonsoir cyntoch,

 

Avant de te répondre, peux-tu me dire si tu souhaites masquer les colonnes sur l'ensemble du site ? Si oui, tu peux ne pas toucher au CSS (tu devrais, même). Il existe une possibilité que l'on nomme l'override et qui permet de dire aux deux colonnes de ne pas s'afficher (et le reste se gère tout seul, et c'est mieux !).

 

J'attends ta réponse et te donnerais l'override souhaité si c'est bien ça, alors ;-)

 

Bonjour,

 

J.Danse pouvez-vous me renseigner sur cet override car je souhaite supprimer les bandes latérales sur tout le site , je suis sur la version 1.6.1.4.

 

 

Merci

Share this post


Link to post
Share on other sites

Bonjour AZ12,

 

En version 1.6, vous n'avez plus besoin de gérer cet override. Vous pouvez éditer les préférences du thèmes pour choisir les colonnes qui seront affichées en fonction de chaque page.

Share this post


Link to post
Share on other sites

C'est bien ce que j'ai fait, mais j'ai toujours les colonnes de droite et de gauche, je souhaite les supprimer pour avoir le site en full screen.

 

J'ai pas de cache et je force la compilation pour info.

 

J'ai supprimé les hook right et left dans footer.tpl et header.tpl mais toujours rien.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More