Supprimer la colonne de gauche dans toutes les pages sauf l'accueil

[Sylvain41300]

Bonjour,

 

Je débute sur prestashop et j'aimerais supprimer la colonne de gauche (qui s'appelle left et qui est à droite bizarrement sur mon site) mais dans toutes les pages sauf en accueil.

 

J'ai essayé pas mal de choses vu sur les forums et rien y fait alors si vous avez besoin de voir des fichier merci de me dire lesquels vous intéressent

 

si vous pouvez m'aider ça me sortirais d'une grosse impasse

 

Merci d'avance,

 

Sylvain

[Szed]

Il vous faut trouver ou se situe l'appel de la colonne dans votre thème.

Soit dans le header.tpl, soit dans le footer.tpl.

 

Vous devriez y trouver quelque chose comme :

<div id="left-column">

  {HOOK_LEFT_COLUMN}

</div>

 

Il vous faut entourer tout cela par : 

 

{if $page_name='index'}

    [...]

{/if}

 

De cette facon, cela se limitera à la page d'accueil

[MaximeCer]

Bonjour,

ou bien il est tout à fait possible de faire ça en CSS avec le code suivant à placer dans votre global.css :

#left_column {
       display : none;
}

#index #left_column {
       display : block;
}

[Sylvain41300]

Super, vraiment un grand merci car je restais bloquer sur ce problèmes des heures et des heures...

 

J'ai utilisé la deuxième solution celle de MaximeCer.

 

Par contre est ce que vous pouvez me dire comment centrer le contenu de ma page "produit" car là il est du coup tout à droite,

 

Un grand merci

 

Sylvain

[MaximeCer]

Appliquer un :

margin : 0 auto;

au div de votre colonne et supprimer sa propriété float si elle en possède une !

 

En espérant t'avoir aidé !

Edited April 7, 2014 by MaximeCer (see edit history)

[Sylvain41300]

je fais ça dans le global.css toujours?

 

MERCI

[MaximeCer]

Non, logiquement les modifications devraient se faire dans ton product.css !
Si tu n'y arrives pas, poste donc un lien vers la page en question et je pourrais te dire exactement quoi faire

[Sylvain41300]

Non, logiquement les modifications devraient se faire dans ton product.css !

Si tu n'y arrives pas, poste donc un lien vers la page en question et je pourrais te dire exactement quoi faire

 Oui voici les liens, en fait c'est pour la page "product" (par exemple celle ci: http://www.bicyclemotocross.fr/home/10-bmx-gt-pro-series-micro-2013.html) , la page category (ex:http://www.bicyclemotocross.fr/7-micro) et toutes les autres hors de la page d'accueil.

 

Merci

[MaximeCer]

Donc, ton code doit ressembler à ça :

(si j'ai bien compris ta colonne centrale sera la seule colonne visible à part sur ta page d'accueil)

dans ton global.css ligne 111 :

#center_column {
  margin: -60px auto;
  padding: 0 10px 10px;
  width: 955px;
}
#index #center_column {
  margin: -60px auto;
  padding: 0 10px 10px;
  width: 739px;
}

puis à la ligne 62 de ton global.css :

#right_column {
  display: none;
}

#index #right_column {
 display: block;
}

Tout devrait être bon !

[Sylvain41300]

Super, là vraiment chapeau bas Monsieur

 

ça fonctionne comme je le voulait, je vais mettre un "résolu" à ce sujet en espérant que ça aide d'autres débutants comme moi

 

Maintenant faut que j'ajuste quelques petites choses mais ça devrait aller

 

Un très grand merci ;)

 

Sylvain

[MaximeCer]

De rien, et envoies moi un mp si tu as besoin !

Bonne continuation !

[Sylvain41300]

ah si une dernière question, j'en profite un peu je sais mais tu es expert moi pas

 

regarde: http://www.bicyclemotocross.fr/home/37-fourche-elevn-pro-70-lt-118.html

 

dans cette page on a la grande photo du produit et en dessous des plus petites, mon problème, c'est que la flèche pour les faire défilé est mal placée et devrait normalement se trouver à droite de toutes ces petites photos.

 

Peut tu m'aider à résoudre ça stp?

 

Merci

[MaximeCer]

Product.css ligne 51

#pb-right-column #views_block {
margin-top: 10px;
width: 405px;
}

ligne 56

#thumbs_list {
float: left;
margin-left: 25px;
overflow: hidden;
width: 310px;
}

ligne 96

#view_scroll_right {
background-image: url("../img/thumbs_right.gif");
float: left;
margin-left: 30px;
}

Tout devrait être mieux, et de la largeur de tes images produits en plus !

[Thierry Création]

{if $page_name='index'}
    [...]
{/if}

Bonjour,

 

Cette solution serait plus propre car en css vous masquez la colonne mais son contenu est tout de meme chargé alors qu'avec la condition php elle ne charge pas sur les autres pages (on optimise le chargement des pages ainsi)

 

Cordialement, Thierry.