Appuyer sur Entrée pour voir les résultats ou Échap pour annuler.

Supprimer une colonne sur votre boutique Prestashop

Deux solutions s’offrent à vous pour faire disparaitre une colonne de votre boutique Prestashop : la masquer ou la supprimer définitivement.
Je prendrais pour ce tutoriel l’exemple de la suppression de la colonne de droite sur le thème de base d’une boutique Prestashop 1.5.X

Première solution : Masquer la colonne

La première solution est de simplement masquer la colonne à l’aide d’un peu de css.
Pour cela, ouvrez le fichier global.css du thème qui se trouve dans le dossier themes/default/css/.
A la ligne 46 vous trouverez le code suivant

#right_column {}

Remplacez le par

#right_column {display:none;}

La colonne sera alors toujours présente sur votre boutique mais ne s’affichera pas.

Pour masquer la colonne de gauche, faites la même modification sur le code #left_column{}

Seconde solution : Supprimer la colonne

La seconde solution consiste à supprimer réellement la colonne.
Pour cela, ouvrez le fichier footer.tpl du thème qui se trouve dans le dossier themes/default/.
A la ligne 29 vous trouverez le code suivant

<!-- Right -->
    <div id="right_column" class="column grid_2 omega">
        {$HOOK_RIGHT_COLUMN}
    </div>

Supprimez le !

A ce niveau là, si vous vous rendez sur votre boutique, vous constaterez que votre colonne a bel et bien disparu.

Pour supprimer la colonne de gauche, supprimez le bout de code quasi-similaire disponible dans le fichier header.tpl

Mission accomplie ?

Pas tout à fait, car la colonne centrale est toujours centrale alors que l’on aimerait qu’elle prenne la place laissée libre par la colonne de droite disparue.

Pour cette modification, il nous faut nous rendre à nouveau dans le dossier themes/default/ et ouvrir le fichier header.tpl.

A la ligne 94 vous trouverez le code correspondant à la colonne centrale

<div id="center_column" class=" grid_5">

Remplacez le par le code suivant

<div id="center_column" class=" grid_7 omega">

grid_7 permet d’élargir la colonne
omega permet de signifier qu’il s’agit de la dernière colonne sur la droite. Elle n’aura donc pas de marge à droite.

Si vous avez choisi de supprimer la colonne de gauche, il n’est pas nécessaire de rajouter omega car dans ce cas vous avez besoin d’une marge à droite.

Cette fois-ci, on peut le dire : Mission accomplie !