Jump to content

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

cyntoch
 Share

Recommended Posts

cyntoch Newbie

cyntoch

Posted
Posted (edited)

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)
Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted

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...

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted (edited)

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)
Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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}

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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 ;)

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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 ;-)

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted

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

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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...

Link to comment
Share on other sites
Bondaty and Co Newbie

Bondaty and Co

Posted
Posted (edited)

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)
Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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.

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted (edited)

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)
Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted (edited)

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
Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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.

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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/ :)

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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.

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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.

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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?

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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.

Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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.

Link to comment
Share on other sites
cyntoch Newbie

cyntoch

Posted
  • Author
Posted

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
Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

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
Link to comment
Share on other sites
  • 3 years later...
AZ12 Newbie

AZ12

Posted
Posted

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

Link to comment
Share on other sites
AZ12 Newbie

AZ12

Posted
Posted

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.

Link to comment
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
 Share
Go to topic listing
×
×
  • Create New...