Homepage 1 colonne et le reste du site en 3 colonnes

[t-prod]

Bonsoir,

Essayant de faire le titre le plus clair, comment s'y prendre pour désactiver les modules uniquement sur la page d'accueil pour avoir un site 1 colonne puis passer à du 3 colonnes ou du 2 colonnes.

Faire des exceptions est ce possible pour la page d'accueil uniquement ? Sinon en code ?

Merci d'avance pour votre aide.

[Thierry Création]

Bonsoir,

oui c'est tout a fait possible mais dans ce cas il va falloir créer des classes CSS spécifiques à chaque page (accueil et le reste)

cordialement, Thierry

[t-prod]

Bonjour,

Peux tu préciser ? Y'à t-il une possibilité pour désactiver les modules uniquement pour la page d'accueil ? Si oui que dois je mettre dans le champ exception ? Pour le CSS ce sont des règles différentes pas de souci pour cela mais si les modules sont toujours présents ? A moins qur tu veuilles parler d'un display:none ?

Qu'en penses tu ?

[Atch]

Bonjour,

Si tu désactives les modules uniquement tu risques d'avoir une colonne vide générant un vide à coté de ta colonne centrale.

L'idée est de supprimer carrément la hook left ou light selon tes besoins en y mettant une condition dans les tpl concernés.
Cela donne un truc du genre :

    {if $page_name != index}

               {$HOOK_LEFT_COLUMN}

       {/if}

Ensuite il faut attribuer deux class différentes à la colonne centrale selon la page affichée (toujours avec la méthode de conditions)...

Perso, c'est comme cela que je procède et cela fonctionne très bien.

V++

Atch

[t-prod]

En effet, c'est exactement ce qu'il me fallait.
Ca mérite un résolu.

Encore merci

[aDy]

Bonjour,

Si tu désactives les modules uniquement tu risques d'avoir une colonne vide générant un vide à coté de ta colonne centrale.

L'idée est de supprimer carrément la hook left ou light selon tes besoins en y mettant une condition dans les tpl concernés.
Cela donne un truc du genre :

    {if $page_name != index}

               {$HOOK_LEFT_COLUMN}

       {/if}

Ensuite il faut attribuer deux class différentes à la colonne centrale selon la page affichée (toujours avec la méthode de conditions)...

Perso, c'est comme cela que je procède et cela fonctionne très bien.

V++

Atch

Merci de cette chouette réponse Atch

J'ai effectivement le même souci, la colonne vide si on s'occupe de mettre les exceptions..
Seulement mon problème à moi c'est que si je vire le {$HOOK_RIGHT_COLUMN} je me retrouve toujours avec la colonne vide..
La partie centrale ne prends pas la largeur supplémentaire...

Une idée ?

Merci beaucoup d'avance !

[Atch]

Bonjour,

Si tu désactives les modules uniquement tu risques d'avoir une colonne vide générant un vide à coté de ta colonne centrale.

L'idée est de supprimer carrément la hook left ou light selon tes besoins en y mettant une condition dans les tpl concernés.
Cela donne un truc du genre :

    {if $page_name != index}

               {$HOOK_LEFT_COLUMN}

       {/if}

Ensuite il faut attribuer deux class différentes à la colonne centrale selon la page affichée (toujours avec la méthode de conditions)...

Perso, c'est comme cela que je procède et cela fonctionne très bien.

V++

Atch

Merci de cette chouette réponse Atch

J'ai effectivement le même souci, la colonne vide si on s'occupe de mettre les exceptions..
Seulement mon problème à moi c'est que si je vire le {$HOOK_RIGHT_COLUMN} je me retrouve toujours avec la colonne vide..
La partie centrale ne prends pas la largeur supplémentaire...

Une idée ?

Merci beaucoup d'avance !

Salut,

Oui c'est pour cela que j'indique dans la deuxieme partie de mon message :

Ensuite il faut attribuer deux class différentes à la colonne centrale selon la page affichée (toujours avec la méthode de conditions)...

il te faut deux class avec des largeurs différentes pour la colonne centrale.

Si page = index---> largeur = 550px
si page différente de l'index ---> largeur = 750 px

c'est une synthèse

V++

Atch

[t-prod]

Bonjour,

Pour ce problème tu peux faire dans ta condition :

sinon

et dans le CSS

.largeur-750{ width:750px; }
.largeur-550{ width:550px; }

[kevin C.]

Salut,
je viens me greffer au topic car il me faudrait une solution comme celle-ci. J'ai bien posé la condition dans les fichiers header.tpl et footer.tpl, ce qui me "cache" bien les colones de gauche et droite sur la home. Par contre je n'arrive pas a trouver le fichier tpl qui contient l'appel

pour y greffer une nouvele condition et un nouvel id.

Une idée ?

J'ai été voir index.tpl mais il est quasi vide: {$HOOK_HOME}

Ps: je suis tout nouveau sur prestashop.

D'avance merci.

EDIT: Trouvé, dans header.tpl.

[easybizness]

salut,

Quelqu'un pourrais nous donner un exemple du code a mettre pour réaliser cela?

A savoir enlever les colonnes uniquement sur la page d'accueil.

J'ai bien compris le principe mais j'ai un peu de mal à l'appliquer.

merci

[easybizness]

salut

a force de trifouiller j'ai trouvé une solution plus facile.

Il suffit de jouer dans le CSS sans toucher aux tpl.

Par exemple pour configurer la page d'accueil dans le CSS vous définissez les paramètres de:

#index #center_column

et pour:

#index #left_column vous définissez 0 pixels en longueur et largeur.

Vous répétez l'opération pour le right column.

résultat vous avez que le center column sur la page d'accueil.

Vous pouvez personnaliser ainsi TOUTES VOS PAGES.

par exemple dans mon exemple le #index devant #left_column signifie que les paramètres vont s'appliquer à la page d'accueil (index.php)

Si je voulais personnaliser la colonne centrale de la page produit par exemple j'aurais mis

#product #left_column

Je viens de découvrir cela et c'est génial et super pratique.

[Atch]

Salut easybuisness,

Pour répondre à ton MP, je donne la réponse ici pour en faire profiter les petits copains...

La solution n'est pas forcément THE solution mais elle fonctionne parfaitement.

1°/ Editer le fichier Header.tpl du theme et ajouté cela juste avant l'appel de la colonne de gauche :

{if $page_name != 'index'}
blabla
{/if}

ça donne cela :

{if $page_name != 'index'}
<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if}

Ensuite pendant que l'on est encore sur la page header modifions la class de la colonne centrale pour s'adapter à la largeur de la boutique en fonction des colonnes :
Avant :

Après

<!-- Center -->

[easybizness]

Merci beaucoup atch.

Comme je le disais avant, j'ai trouvé une méthide plus facile en ne touchant que le CSS.

[Atch]

Oui mais je suis pas sure que ça passe sur tous les navigateurs et tu charges du contenu pour rien du coup....

V++

atch

[Z.S.Q.D]

Merci Atch
Pour ma part je voudrais faire l'inverse, c'est a dire garder trois colonnes en accueil et passer en une seul colonne pour certain de mes CMS.
Je vais donc me servir de ton explication et je vous tiens au courant.

[Atch]

Merci Atch
Pour ma part je voudrais faire l'inverse, c'est a dire garder trois colonnes en accueil et passer en une seul colonne pour certain de mes CMS.
Je vais donc me servir de ton explication et je vous tiens au courant.

Bonjour,

Oui ça fonctionne aussi à l'envers

V++

Atch

[Z.S.Q.D]

Bon voila je viens de mis mettre et j'ai fait le test sur l' "index" comme dans l'exemple. En effet c'est très simple, rapide et ça fonctionne très bien.

Ceci dit j'aimerais appliquer cette modif sur un de mes CMS, je pensais qu'il suffirait de changer "index" par "cms=6" mais pas du tout.

Je me doute que certain vont rire, mais j'ai encore beaucoup de choses à apprendre. (presque tout en fait )

une petite idée pour m'aider?

Merci

[Z.S.Q.D]

Bon voila ou j'en suis.
Si je remplace l' index par "cms' je commence à avoir un début de solution, tous mes CMS ce retrouve en une seul colonne. je cherche toujours comment appliquer ceci à une seul CMS.

Merci

[Jean-Bruno]

Dans la m^me veine, comment fait t'on pour mettre les scenes/images des catégories et sous catégorie sur toute la largeur et conserver 2 colonnes dessous ???

Z.S.Q.D tu as ta solutions pour ta part ????


merci les amis

[Z.S.Q.D]

Bonjour,
Non dsl je n'ai toujours pas trouvé la solution à mon problème, j'ai réussi à supprimer les colonnes pour tous les CMS en marquant "CMS" à la place de "index", mais je n'arrive toujours pas à le faire pour un seul CMS.
Je suppose que si tu inscrit "catégory" tu aura le meme résultat.
Mais pour faire ce que tu souhaites c'est quant meme un peut plus hardu et ça dépasse mes compétences.

Y aurait il un superman dans la salle?

[Atch]

Dans la m^me veine, comment fait t'on pour mettre les scenes/images des catégories et sous catégorie sur toute la largeur et conserver 2 colonnes dessous ???

Z.S.Q.D tu as ta solutions pour ta part ????


merci les amis

Salut Jean Bruno,

Des solutions il doit y en avoir plusieurs, mais j'en au une en tete qui devrait pas demander de changement coté core PHP.

Dans les TPL Header et Footer de ton theme tu mets une condition pour cacher la colonne de gauche uniquement sur la page catégorie.

Ensuite sur le tpl catégorie, tu ajoutes le hook de la colonne de gauche sous le code qui permet l'insertion des scenes et autres images des catégories et sous catégories.

Un peu de css et vloià , le tour est joué.

V++

Atch

[Jean-Bruno]

Tiens voilà Superman ;-)
Merci Atch. J'avais oublié le footer grrrrrrrrr
J'essaye et je reviens pour un petit step by strp si ça marche (mais je sais que ça va marcher)

[Atch]

non non pas le footer... pas besoin, tu n'as pas de colonne de droite, j'avais pas vu ton site au début.

atch

[Jean-Bruno]

Bien bien

Il ne me rest plus qu'à savoir comment dans le CSS on fait pour remonter la scene AU DESSUS de ma left-column (La elle est bien sur toute la largeur mais en bas de page sous le dernier bloc de la left : image de gauche)
Ce que je souhaite c'est ll'image de droite.

Merci Atch

[Atch]

T'es sure d'avoir mis le hook au mon endroit?

Atch

[Jean-Bruno]

heuuu non :-(
Voici la fin de mon header.tpl, il a l'air OK. Il y a autre chose ?

>    {$HOOK_HEADER}
   </head>

   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
   {if !$content_only}
</pre>
<ul>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</ul>
<br><div>

           <!-- Header -->



                   {$HOOK_TOP}




               {if $page_name != '' OR $page_name != 'category'}
<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if} 

<!-- Center -->
 
   {/if}
<

[Atch]

c'est dans ta page category.tpl qu'il y a un Hic

Ps : il te manque index dans : {if $page_name != '' OR $page_name != 'category'}

Atch

[Jean-Bruno]

Je trouve m^me plus ce {if $page_name != ‘’ OR $page_name != ‘category’} dans mon category.tpl

Si j'ajoute juste {$HOOK_LEFT_COLUMN} il me double tout. Il faut le virer ailleurs ?

Ou il faut le mettre sous la forme

<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if} 

Mais là ça me fait disparaitre mon product-list

Désolé là je patauge.

[Atch]

Dans category.tpl tu ajoutes cela

<!-- Left -->

{$HOOK_LEFT_COLUMN}

et sans le {/if} de la fin sinon tout plante...

Et si tu l'as en double c'est que ta condition dans le header n'est pas bonne.

V++

Atch

[Jean-Bruno]

Bon ça doit être mon header qui flanche puisque j'ai mon left en double . GRRRR
: je suis parti du début de ce post et ça fonctionnait à merveille pour la homepage sans colonne puis après tout "de base".
Pour faire cette dernière manip j'ai comme condition ceci :

               {if $page_name != '' OR $page_name != 'category'}
<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if} 

<!-- Center -->
 
   {/if}

[Jean-Bruno]

c'est pas plutôt parceque du coup j'ai 2 hook left ?

[Jean-Bruno]

La condition est OK
J'ai mis dans header.tpl

{if $page_name != 'index' OR $page_name != ''}
<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if} 

et dans category.tpl

{/if}
<!-- Left -->
{if $page_name != 'category'}

{$HOOK_LEFT_COLUMN}

{/if}

Reste à faire remonter tout ce beau monde :-(

[Jean-Bruno]

Ca serait pas possinble de mettre tout ça dans le top sous mon menu ????

[Jean-Bruno]

boooooooooSuperman est reparti....

[Atch]

Ca serait pas possinble de mettre tout ça dans le top sous mon menu ????

Comment tu veux sortir la scene de catégory.tpl pour le mettre dans le header.tpl sans toucher au core php

V++

Atch

[Jean-Bruno]

C'était une idée pas bonne désolé, là je sèche grave et ça me bloque l'avancée de la boutique
- conditions OK
- mise en page des scènes sur toute la largeur OK
- producty-list OK
-colonne left qui se colle au dessus au lieu d'audessous AAAAAAAAAArgh

Si tu as un peu de temps à m'accorder je suis preneur en css/tpl

Peut être qu'il faut que je balance ça en Right et que je le fasse remonter après mais il me semble avoir lu que pour qu'un float se mette en place il faut qu'il soit "au dessus" dans le code.

Merci Atch

[Atch]

Salut,

Pour moi tu ne fais pas exactement ce que je t'ai évoqué...

le left column doit se trouver dans center column .....

là il est toujours dehors, donc c'est normal qu'il soit au dessus...

[Jean-Bruno]

Salut Atch, désolé mais je me suis un peu emmêler les pinceaux. Il ne me reste plus qu'à remonter le product-list et ça devrait jouer. Merci encore et encore. Par ailleurs j'ai l'impression que dans IE ma description se met en dessous de ma scène, tu sais d'où ça peux venir ?

[Z.S.Q.D]

Et bien je vois que les choses avance, c'est bien bon tout ça.
Si tu n'ais pas trop débordé j'aurais juste une petite question pour toi, Atch.
Je souhaite supprimer la colonne droite de mon site pour un CMS en particulier, je me suis inspiré du code que tu as donné au debut du post pour l'index.
Mais je parviens à le mettre en application pour tout les CMS mais pas sur un seul.
Peut tu juste me dire si je suis sur la bonne voie, ou si c'est inutile de poursuivre sur ce terrain.
ça fait trois semaine que je suis dessus et que j'essaye de m'en sortir mais la je trouve pas.

Si tu as une idée peut être que ça me débloquerait.

Merci

[Jean-Bruno]

Salut Z.S.Q.D

Colles ton code ici et j'aurais peut-être l'inspiration divine ;-)
courage l'ami on va y arriver

a+

[Atch]

Pour une condition sur un cms, j'utilise cela :

{if $page_name=="cms" && $smarty.get.id_cms=="3"}

(merci yoya au passage)

Maintenant il y a peut etre autre chose de plus simple pour isoler un cms en particulier.

Mais la méthode ci-dessus fonctionne parfaitement meme avec les url simplifiées)

V++

Atch

[Z.S.Q.D]

hoho j'étais entrain de faire un post complet je n'avais pas vu ta réponse, je test ça desuite et je vous dis. MERCIIIIIII

[Z.S.Q.D]

Bon y a du changement mais c'est pas encore ça, je vais tenter d'etre clair.

J'ai modifié Le header.tpl, footer.tpl, et le global CSS de mon theme.

Voila ce que j'ai fait.

Global CSS

/* global layout */
#center_column {
   margin: 0 0 30px 0;
   overflow: hidden;
}
.classiccolumn{width: 556px;}
.totalcolumn{width: 100%;}
}

Header.tpl

           {if $page_name=="cms" && $smarty.get.id_cms=="6"} 
           <!-- Left -->



               {$HOOK_LEFT_COLUMN}


           {/if}


           <!-- Center -->



   {/if}

Footer.tpl

    {if !$content_only}


           {if $page_name=="cms" && $smarty.get.id_cms=="6"} 
           <!-- Right -->

               {$HOOK_RIGHT_COLUMN}

           {/if}

<!-- Footer -->
{$HOOK_FOOTER}

   {/if}
   </body>
</html>

Résultat:
-Tout mon site a perdu les colonnes gauche et droite.
-sauf le CMS==6, les colonnes gauche, center, et droite sont les une sous les autres.

Je pense que j'ai foiré un truc :s

[chantane]

Choisir les colonnes à afficher en fonction de la page devrait être paramétrable par le back-office.
C'est une fonctionnalité qui manque dans prestashop.
Modifier les tpl fonctionne, mais tout le traitement de recherche des données pour la création des colonnes est effectué sur le serveur.
J'ai choisit de modifier des fichiers .php pour ne pas nuire au temps de traitement.

Dans header.php

/* left column on pages $page_name = index, category, ... */
if (in_array($page_name , array('index','category','product')))
   $smarty->assign('HOOK_LEFT_COLUMN',Module::hookExec('leftColumn'));

Dans footer.php

/* right column on pages $page_name = index, ... */
if (in_array($page_name , array('index')))
   $smarty->assign('HOOK_RIGHT_COLUMN',Module::hookExec('rightColumn'));

[Z.S.Q.D]

Merci pour cette nouvelle solution, je vais tester ça ce soir pour voir.

[Le-cathare]

Bonjour

Il y a plein de réponse et je me perd dans tout sa.

Je souhaite avoir deux colonnes sur tout le site "colonne de gauche et centrale" quel et la bonne modification ?

merci d'avance

[Maury Girard]

Bonjour Le-cathare

C'est simple, il faut allez dans le répertoire \themes\ et sélectionnez vote thème
Ouvrir le fichier footer.tpl et de supprimer les lignes suivantes:

<!--

-->
<!-- {$HOOK_RIGHT_COLUMN} -->

le code : <!-- *** -->, désactive l 'endroit désiré , mais le mieux est de supprimer complètement les lignes.

       {if !$content_only}


<!-- Right -->
               <!--  -->
               <!--    {$HOOK_RIGHT_COLUMN} -->


<!-- Footer -->

{$HOOK_FOOTER}


   {/if}
   </body>
</html>

Ensuite il faut allez dans le header.tpl
Sur cette ligne (en bas de page)

<!-- Center -->

   {/if}

[Le-cathare]

Bon je vais essayer de m'en sortir avec sa. je vais faire une sauvegarde de mes fichiers avant car je sent la GROSSE BÊTISE arrivé.

Merci de votre réponse

[amerigeau]

Bon y a du changement mais c'est pas encore ça, je vais tenter d'etre clair.

J'ai modifié Le header.tpl, footer.tpl, et le global CSS de mon theme.

Voila ce que j'ai fait.

Global CSS

/* global layout */
#center_column {
   margin: 0 0 30px 0;
   overflow: hidden;
}
.classiccolumn{width: 556px;}
.totalcolumn{width: 100%;}
}

Header.tpl

           {if $page_name=="cms" && $smarty.get.id_cms=="6"} 
           <!-- Left -->



               {$HOOK_LEFT_COLUMN}


           {/if}


           <!-- Center -->



   {/if}

Footer.tpl

    {if !$content_only}


           {if $page_name=="cms" && $smarty.get.id_cms=="6"} 
           <!-- Right -->

               {$HOOK_RIGHT_COLUMN}

           {/if}

<!-- Footer -->
{$HOOK_FOOTER}

   {/if}
   </body>
</html>

Résultat:
-Tout mon site a perdu les colonnes gauche et droite.
-sauf le CMS==6, les colonnes gauche, center, et droite sont les une sous les autres.

Je pense que j'ai foiré un truc :s

Salut à tous,
Je viens de tomber sur le sujet car j'ai besoin de faire exactement ça, une page d'accueil avec une seule colonne de 980px comportant un slider et des catégories.
Donc j'ai tout suivi à la lettre mais il y a un petit bug que je viens de voir à ce niveau dans le fichier footer.tpl et pour que la colonne de droite s'affiche bien sur le reste du site j'ai juste décalé les lignes de codes concernant le HOOK right :

Footer.tpl

            {if !$content_only}



           {if $page_name != 'index'}
<!-- Right -->

               {$HOOK_RIGHT_COLUMN}

               {/if}

<!-- Footer -->
{$HOOK_FOOTER}

   {/if}
   </body>
</html>

A bientôt
Arnaud

[prose]

bonjour
voilà je dois faire presque pareil.
A savoir rien sur mon index
colonne à gauche sur toutes les pages sauf produit et panier.

Comment faire ? je ne m'en sors pas.

[amerigeau]

Bonjour prose,

pour l'index, si tu ne veux pas les colonnes gauche et droite, il te suffit de suivre le tuto présenté dans ce sujet

pour les pages produits et panier, si tu ne veux pas la colonne de gauche sur les pages produit et panier, vas dans le back office, onglet "modules > positions" puis édites tous les modules de la "left column" et dans le champ "Exceptions" il te suffit d'ajouter tes pages comme ça : product.php , order.php , ...

a bientôt
arnaud

[prose]

Oui j'ai tenté, mais le problème du coup c'est que mon center_column dans lequel mon produit s'affiche est aligné complètement à gauche.
Au lieu d'être sagement au centre ....

[amerigeau]

Ok, donc pour toi il faut que la classe du div id="center_column" de la index où il n'y a pas de colonnes soit le même pour tes pages product.tpl et order.tpl (pour le tunnel de commande en fait)

[prose]

donc il faut j'insére un div center_column dans mes pages product et order ?
pourrais tu me donner une piste plus poussée ?

[chenowith]

Bonjour,
Tout d'abord merci pour ce super tuto !!!
Comme je débute avec Prestashop je vais devoir vous solliciter encore un peu et certainement en vous posant une question bête!!! Voici ma question :
Comment donner une largeur (dans le css) à la colonne de gauche uniquement sur la page d'accueil ?
En fait je voudrais que ma page d'accueil ait deux colonnes (gauche: 360px et centrale:643px).
Merci d'avance pour votre aide...

[ShowYou]

Bonjour Chenowith,

Voilà ce que j'ai trouvé dans un autre post :

Et moi, j'ai un soucis dans mon header.tpl :

<!-- Left -->
{if $page_name != "index"}



{$HOOK_LEFT_COLUMN}

{/if}
<!-- Center -->
{if $page_name != "index"}



{/if}
{if $page_name != "index"}

{/if}

[chenowith]

Bonsoir monvidedressing,
J'ai finalement trouvé la réponse à ma question, tu peux peut-être essayer ceci:

<!-- Left -->

 {$HOOK_LEFT_COLUMN} 

<!-- Center -->

{/if} 

En espérant que ça puisse t'aider...

[ShowYou]

Merci Chenowith, j'avais déjà tenté cette solution mais en vain.
Je pense que cela ne tient à pas grand chose....

------> je reviens... ah alors vraiment, je suis aveugle... il manquait un {/if}... ça tient à rien !

[kalakrima]

Bonsoir monvidedressing,
J'ai finalement trouvé la réponse à ma question, tu peux peut-être essayer ceci:

<!-- Left -->

 {$HOOK_LEFT_COLUMN} 

<!-- Center -->

{/if} 

En espérant que ça puisse t'aider...

Bonjour, depuis 10 heures je suis en train de tester toutes les astuces et conseils trouvés sur le forum pour créer une page d'accueil un peu dans le style du thème Matrice, à partir du thème de base de Prestashop... Sauf que aucune des solutions proposées ne fonctionne.
Même si je modifie les header et footer rien ne se passe, il ne détecte même pas mes nouvelles classes, comme si je n'avais rien changé dans le code. Si je supprime totalement la colonne de gauche, elle s'affiche quand même! Je n'ai jamais vu ça avant, est-ce que quelqu'un pourrait me renseigner et m'aider à trouver une solution, car je ne comprends vraiment pas J'utilise la dernière version de prestashop : 1.4

Merci pour votre aide

[chenowith]

Bonsoir kalakrima,
As tu essayé de greffer les modules que tu souhaites sur ta homepage, puis d'indiquer dans le BO>Modules, des exceptions de fichiers sur l'index (pour les module concernés) ?
Je ne sais pas si ça peut fonctionner et si je suis claire...mais qui ne tente pas...bref tu connais la suite !

[kalakrima]

Bonsoir kalakrima,
As tu essayé de greffer les modules que tu souhaites sur ta homepage, puis d'indiquer dans le BO>Modules, des exceptions de fichiers sur l'index (pour les module concernés) ?
Je ne sais pas si ça peut fonctionner et si je suis claire...mais qui ne tente pas...bref tu connais la suite !

Bonsoir et merci pour la réponse, mais malheureusement j'avais déjà essayé cette option... Le problème est que du coup sur ma page d'accueil j'ai un énorme espace blanc et si je touche au CSS des colonnes les pages suivantes partent en vrac... Je ne sais pas pourquoi avec cette version de presta, je n'arrive pas à définir mes classes... J'ai essayé avec l'ancienne version (1.3.7) et miracle ! : ca marche. De nouveau dans la 1.4 : ca marche pas...
Je ne comprends pas..

En plus, j'avais juste dupliqué le thème par défaut et la première chose que je voulais faire c'était de créer une page d'accueil et ensuite du contenu sur deux colonnes : centrale et à droite..

Perdue... HELP

[prestagirl]

Bonsoir monvidedressing,
J'ai finalement trouvé la réponse à ma question, tu peux peut-être essayer ceci:

<!-- Left -->

 {$HOOK_LEFT_COLUMN} 

<!-- Center -->

{/if} 

En espérant que ça puisse t'aider...

Bonjour, depuis 10 heures je suis en train de tester toutes les astuces et conseils trouvés sur le forum pour créer une page d'accueil un peu dans le style du thème Matrice, à partir du thème de base de Prestashop... Sauf que aucune des solutions proposées ne fonctionne.
Même si je modifie les header et footer rien ne se passe, il ne détecte même pas mes nouvelles classes, comme si je n'avais rien changé dans le code. Si je supprime totalement la colonne de gauche, elle s'affiche quand même! Je n'ai jamais vu ça avant, est-ce que quelqu'un pourrait me renseigner et m'aider à trouver une solution, car je ne comprends vraiment pas J'utilise la dernière version de prestashop : 1.4

Merci pour votre aide

Bonsoir Kalakrina,

Normal sur 1.4 le cache est activé par défaut.
en cours de développement, Il faut désactiver le cache et mettre "oui" pour forcer la recompilation...

Là, vous allez apercevoir vos class et les modifs des colonnes...


ciao

Natasha

[kalakrima]

Bonsoir monvidedressing,
J'ai finalement trouvé la réponse à ma question, tu peux peut-être essayer ceci:

<!-- Left -->

 {$HOOK_LEFT_COLUMN} 

<!-- Center -->

{/if} 

En espérant que ça puisse t'aider...

Bonjour, depuis 10 heures je suis en train de tester toutes les astuces et conseils trouvés sur le forum pour créer une page d'accueil un peu dans le style du thème Matrice, à partir du thème de base de Prestashop... Sauf que aucune des solutions proposées ne fonctionne.
Même si je modifie les header et footer rien ne se passe, il ne détecte même pas mes nouvelles classes, comme si je n'avais rien changé dans le code. Si je supprime totalement la colonne de gauche, elle s'affiche quand même! Je n'ai jamais vu ça avant, est-ce que quelqu'un pourrait me renseigner et m'aider à trouver une solution, car je ne comprends vraiment pas J'utilise la dernière version de prestashop : 1.4

Merci pour votre aide

Bonsoir Kalakrina,

Normal sur 1.4 le cache est activé par défaut.
en cours de développement, Il faut désactiver le cache et mettre "oui" pour forcer la recompilation...

Là, vous allez apercevoir vos class et les modifs des colonnes...


ciao

Natasha

OoO ! Merci beaucoup ! Je n'y ai même pas pensé ! Je vais tester demain et je vous dirais si c'est vraiment ça
Cela se passe ne BO n'est-ce pas?

[prestagirl]

Oui : BO>> préférences >> performances

Bonne soirée

Natasha

[kalakrima]

Oui : BO>> préférences >> performances

Bonne soirée

Natasha

Merci beaucoup Natasha pour ta réponse rapide !

[kalakrima]

Oui : BO>> préférences >> performances

Bonne soirée

Natasha

Merci beaucoup Natasha pour ta réponse rapide !

Oui ça marche ! Effectivement, il fallait désactiver le cache et activer la compilation ! OUF! Merci pour votre aide !

[Tchupa]

Bonjour,
voilà j'ai suivi le tuto de artch mais la je voudrais maintenant que tout le tunnel de commande soit sur une seule page et qu'il prend toute la largeur de celle-ci et je n'arrive pas a mes fin .

Au début j'ai essayer en mettant des restrictions dans la positions des modules de la colonne de droite et de gauche mais les espaces restent vide le panier de s’élargit pas sur toute la largeur de la page.

Quelqu'un aurait une idée pour que je puisse résoudre ce problème ?

En vous remerciant.

cordialement Tchupa.

[Maury Girard]

Bonjour Tchupa
Si vous avez le lien de la boutique en développement, cela serait plus facile pour vous indiquez une solution
Cordialement

[Tchupa]

La boutique est en local.

J'utilise la dernière version de prestashop la 1.4.3 ma page d'accueil et sur deux colonnes une a gauche et la colonne central occupe le reste de la largeur (j'ai suivi le tuto au début de ce poste pour réaliser cette étape).

Maintenant je voudrais que mon tunnel de commande ou la page oder-opc.php occupe toute la page donc pas de colonne a droite ni a gauche.


Cordialement Tchupa.

[Tchupa]

Bonjour,

je me permets de faire remonter ce topic car je n'ai pas encore réussi a trouver de solution a mon problème, qui est le suivant:

je voudrais que certain page de ma boutique prennent toute la largeur comme le panier ou encore le tunnel de commande.

En vous remerciant.

Cordialement Tchupa.

[amerigeau]

Bonjour,

je me permets de faire remonter ce topic car je n'ai pas encore réussi a trouver de solution a mon problème, qui est le suivant:

je voudrais que certain page de ma boutique prennent toute la largeur comme le panier ou encore le tunnel de commande.

En vous remerciant.

Cordialement Tchupa.

Salut,
Je viens de voir le post, pour faire ce que tu veux, vas dans les modules > positions et rentres les pages comme order.php dans exceptions pour ne pas les afficher, ainsi tu n'auras que ton tunnel de commande sans les modules.
Après il te suffit de suivre le post depuis le début (page 1 il me semble) pour configurer le div center_column en full width = 980px.
Bonne journée

[Tchupa]

Oui j'y avais pensé a sa mais ... le problème étant que la modification du header et du footer comme au début de ce topic ne fonctionne que pour une page, hors j'ai déjà utilisé cette méthode pour ma page d'accueil qui est sur deux colonnes, a moins que je m'y prends mal ?

[amerigeau]

Oui j'y avais pensé a sa mais ... le problème étant que la modification du header et du footer comme au début de ce topic ne fonctionne que pour une page, hors j'ai déjà utilisé cette méthode pour ma page d'accueil qui est sur deux colonnes, a moins que je m'y prends mal ?

Vu comme ça, je pense qu'ils faut utiliser des conditions dans tes tpl mais là je ne peux te conseiller que de voir avec l'auteur du post t-prod.
Bon courage

[Atch]

Bonjour c'est tout à fait possible...

il te suffit de localiser le nom des pages de l'OPC et d'y mettre une condition d'affichage pour les colonnes du type

{if $page_name!=opc}

                   {$HOOK_RIGHT_COLUMN}


{/if}

Ensuite tu te sers de la balise body pour le css afin de localiser la page à mettre en 100% en colonne centrale

body#opc #center_column {with:100%}

j'ai mis OPC mais c'est peut etre un autre nom

V++

Atch

[amerigeau]

Bonjour Ath,
Suite à ton post, je m'intéresse de prêt à cette condition, tu as écris "si la page est opc" dans ton code, qu'en est-il si on veut que la condition soit "si les pages soient opc, product et par exemple aussi catégorie" ? c'est la ligne {if....} qui m'intéresse
Merci d'avance

[Atch]

bah tu peux ajouter des pages :

{if $page_name == 'opc' || $page_name == 'category' || $page_name == 'product'}

V++

Atch

[amerigeau]

Merci Atch
Bonne journée à toi.
++

[Tchupa]

Pour la colonne gauche ça fonctionne pour le moment avec la modification et la condition dans le header par contre dans le footer j'ai modifier ma condition qui me servait a ma page d'accueil

{if $page_name != 'index'}
<!-- Right -->

               {$HOOK_RIGHT_COLUMN}

       {/if}

Par

{if $page_name != 'index' || $page_name != 'order-opc'}
<!-- Right -->

               {$HOOK_RIGHT_COLUMN}

       {/if}

Mais rien a faire la colonne de droite est toujours la dans order-opc

[Tchupa]

Bonjour, je n'arrive toujours pas a trouver l'erreur dans ma condition en effet je les ai testé séparément et elles fonctionnent toutes les deux mais une fois avec le 'ou' aucune ne fonctionne.

 

:/

 

Pourriez vous me venir en aide?

 

En vous remerciant.

 

Cordialement Tchupa.

[Tchupa]

J'ai trouvé, j'ai changé la condition:

 

		{if $page_name != 'index' && $page_name != 'order-opc'}
<!-- Right -->
		<div id="right_column" class="column">
			{$HOOK_RIGHT_COLUMN}
		</div>
	{/if}

 

Par contre niveau css ça passe pas snif

 

body #order-opc #center_column {with:100%;}

[kader775]

bonsoir tout le monde voila je suis complétement perdu je suis débutent et voila se que j ai pour mon soucie je voila mettre comme sur se site la http://leslooksdelasemaine.fr/

 

voila je recherche a mettre le Produits phares comme colonnes principales sans les autre colonnes de droite et gauche que je veut pas utilisez et pouvoir mettre le Produits phares en colonnes principales

 

mes j ai pas réussi je galère depuis 14h lol merci de votre aide

 

 

Edited July 26, 2011 by kader775 (see edit history)

[Tchupa]

La réponse est sur la page précédente.

[Maury Girard]

Kader775

Vous avez toutes les informations sur ce topic ainsi que sur d'autre afin de mener à bien votre demande.

Recherchez attentivement et vous trouverez.

 

Cordialement

[kader775]

merci les amis je fait essayer tout les méthode mes aucune ne marche snifff

[Maury Girard]

C'est méthode fonctionne pourtant

j'ai moi meme créer une boutique récemment pour une personne avec une "colonne " (la centrale)

en page principal et le reste des pages en 2 colonnes

Cordialement,

[kader775]

a ouai Maury moi je te jure depuis hier je fait fait que de tester tout les méthode que je trouve sur google et j ai tester tout les méthode de cette pages et sa marche pas je suis partie : BO>> préférences >> performances

 

et activer le cache et Forcer la compilation mes y as rien moi je recherche uniquement a centrer le blok central Produits phares et a faire un 1 seul colonnes dans toute les pages comme sur se site la http://www.mondial-street.com/

 

stp Maury aide moi stp

[kader775]

si vous plait aidez moi je devient fou la lol

[Maury Girard]

Salam Kader775

Actuellement sur 3 projets pour des utilisateurs ,

je ne peux pas trop vous aidez (même si ma présence est constante sur le forum ), sachant que le topic édité vous indique la solution.

Je peux vous conseille un thème aussi simple que propre( Ici ) , vous n'aurez qu'à changer l'aspect "graphique" du thème

 

Cordialement

[kader775]

et je te jure Maury t es super gentille la tu ma super bien aider après 2 recherche comme un fou lol mille merci

[Maury Girard]

De rien Kader775

 

Je part du principe que je suis aussi passé par là

Il y a déjà 3 ans ,heureusement que des gens comme Atch , Nomman,Jeckyl, Yoya et plein d'autre,ont été là

quand j'en ai eu besoin .

Donc je fais de même sachant que je connait prestashop

 

Et c'est cela l'aide communautaire gratuite dans la mesure du possible.

Si vous avez besoin de mes services pour une aide graphique , je suis présent

 

Par contre

comme votre demande solutionné, je vous invites également à cliquer sur édit sur votre 1er message de mettre devant et dans le tittre la mention [Résolu]

Cordialement

[kader775]

oui merci dit moi tu as un émail mon amis et désoler je trouve pas résolue quand je mes édite

[Maury Girard]

oui merci dit moi tu as un émail mon amis et désoler je trouve pas résolue quand je mes édite

 

pour ce qui est de mon Email cliquer sur mon nom vous aurez toutes les infos me concernant et dans tous les cas

un message en préive depuis ce forum , peut aussi faire l'affaire si besoin

 

Mdr, Oh la grosse boulette de mon coté comme tu n'est pas l'auteur du topic

c'est pour cela

 

Cordialement,

[kader775]

lol merci mon amis

[hige52]

Salut easybuisness,

Pour répondre à ton MP, je donne la réponse ici pour en faire profiter les petits copains...

La solution n'est pas forcément THE solution mais elle fonctionne parfaitement.

1°/ Editer le fichier Header.tpl du theme et ajouté cela juste avant l'appel de la colonne de gauche :

{if $page_name != 'index'}
blabla
{/if}

ça donne cela :

{if $page_name != 'index'}
<!-- Left -->

{$HOOK_LEFT_COLUMN}

{/if}

 

Ensuite pendant que l'on est encore sur la page header modifions la class de la colonne centrale pour s'adapter à la largeur de la boutique en fonction des colonnes :

Avant :

 

Après

<!-- Center -->

 

Avant d'oublier allons modifier le css pour ajouter les nouvelles class :

D'abord supprimons la largeur width: 556px; de la colonne centrale dans l'id center_column et ajoutons en dessous les nouvelles class avec les bonnes largeurs:

#center_column {
margin: 0 0 30px 0;
overflow: hidden;
}
.classiccolumn{width: 556px;}
.totalcolumn{width: 100%;}

Maintenant supprimons la colonne de droite qui se trouve dans le footer.tpl

{if $page_name != 'index'}
<!-- Right -->

{$HOOK_RIGHT_COLUMN}
{/if}

 

Et vloia votre site à une page d'accueil qui fait 100% de la largeur de la boutique et 3 colonnes ensuite...

Attention pour la page d'accueil il faudra retoucher le css du module produits phares par exemple pour modifier la largeur etc....

V++

Atch

 

Bonjour a tous.

 

Mon global.css n'est pas celui d'origine. j'utilise un theme (prestashop new).

Je ne parviens pas a mettre la colonne centrale dans toute la largeur de page.

Les colonnes droites et gauches sont bien supprimées.

 

Quelqu'un a une idée??

Je joint le fichier global.css de mon theme

global.css

 

Prestashop 1.4.5.1

site : http://www.e-monique.net

Merci

[stephane.964]

Bonjour Atch, la solution décrite si dessus convient au besoin que j'ai mais .... je galère pour les class de la "colone centrale" dans header.tpl

Quelles sont les modifs à effectuer dans l'exemple cité ?

Merci

 

Bonjour. Mon problème est réglé, j'avais un problème de css sur la taille de la colone centrale.(pour 1 colone gauche seulement sur category et product)

ajout dans le css:

body#product #center_column, body#category #center_column { width: 750px }

Edited October 26, 2011 by stephane_vp (see edit history)

[ohoho]

Salut à tous,

J'aimerais ajouter à mes pages CMS une colonne (à savoir la left colomn).

 

 

Une méthode simple ?

[ohoho]

Bonjour Le-cathare

C'est simple, il faut allez dans le répertoire \themes\ et sélectionnez vote thème

Ouvrir le fichier footer.tpl et de supprimer les lignes suivantes:

<!--

-->

<!-- {$HOOK_RIGHT_COLUMN} -->

 

le code : <!-- *** -->, désactive l 'endroit désiré , mais le mieux est de supprimer complètement les lignes.

	{if !$content_only}


<!-- Right -->
			<!--
-->
			<!--	{$HOOK_RIGHT_COLUMN} -->

<!-- Footer -->


{$HOOK_FOOTER}


{/if}
</body>
</html>

 

Ensuite il faut allez dans le header.tpl

Sur cette ligne (en bas de page)

<!-- Center -->


{/if}

 

Rajouter cette portion de code

class="largeur-750"

comme ceci

<!-- Center -->

 

Ensuite allez dans votre global.css

Rajouter ce code (en bas de page)

.largeur-750{ width:750px; }

comme ceci

/* cms pages */
#cms div.content_only {
text-align: left;
padding: 10px
}
.largeur-750{ width:750px; }

Cordialement,

P.S: N'oubliez pas aussi de supprimer le positionnement des modules greffés dans la colonne de droite

depuis le Back office

 

 

Ok pour le supprimer, mais pour rajouter la colonne de gauche, comment fait-on svp ?

Je n'ai qu'une seule colonnes sur mes pages CMS

[Maury Girard]

Bonjour Ohohoh

N'étant pas devant mon poste de travail ,je peux pas vous donnez l'indication de suite

par contre quand vous parlez de page CMS

De quelle page exactement parlez-vous exactement

Est-il questions des pages produit ou des pages Cms comme les CGV ou les mentions légales ?

 

Cordialement,

[ohoho]

Bonjour,

 

Je parle des pages CMS du type CGV, Livraison, contactez-nous...

 

Merci de votre aide.

[Tchupa]

Bonjour, connaitriez vous le nom exacte du fichier de la liste de produit que je dois mettre dans on exception pour faire sauter la colonne de droit unique pour la page product list?

 

Merci.

 

Tchupa.