Prestashop : Page d’accueil 1 colonne et reste en 3 colonnes

Prestashop : Page d’accueil 1 colonne et reste en 3 colonnes

Le 29/12/2009, dans : E-commerce 10 Comments

Sur Prestashop, l’ergonomie des thèmes peut être changé très rapidement. Pour cela, il suffit de modifier 2 fichiers :

  • header.tpl
  • footer.tpl

Sur le header.tpl

{if $page_name != index}
<!-- Left -->
<div id="left_column">
{$HOOK_LEFT_COLUMN}
</div>
{/if}

Il faut redimensionner dynamiquement #center_column pour que le site soit correctement agencé avec :

<div id="center_column"{if $page_name == index}class="width-980"{else}class="width-556"{/if}>

Puis dans le CSS global.css

.width-980{width:980px;}
.width-556{width:556px;}

Sur le footer.tpl

{if $page_name != index}
<div id="right_column">
{$HOOK_RIGHT_COLUMN}
</div>
{/if}

10 réponses à “Prestashop : Page d’accueil 1 colonne et reste en 3 colonnes

  • Johnc987 dit :

    I have observed that in the world these days, video games include the latest popularity with kids of all ages. Periodically it may be extremely hard to drag the kids away from the games. If you want the best of both worlds, there are plenty of educational games for kids. Great post. ekkdaekfadae

  • Johnd929 dit :

    Really informative article post.Thanks Again. Awesome. eebdebkeedeb

  • Johna412 dit :

    acquiring equivalent rss snag? Someone who’s going to be aware of nice retort. Thnkx agkdcekekddc

  • céline dit :

    Bonjour! Ce serait pour savoir ou exactement dans le global css faut il rentrer le code.

  • Laurence dit :

    Bonjour et merci beaucoup ! Après avoir testé diverses formules parues sur divers posts, c’est la seule qui fonctionne !
    Par contre, je n’ai pas réussi à redimensionner la largeur de la page index 🙁
    Quelqu’un aurait-il la solution ?

    Mon code actuel est

    /if

    Merci d’avance 🙂

  • Bob dit :

    Avec un !important sur la classe, ça fonctionne encore mieux 🙂

    width: 980px !important;

  • manu dit :

    c’est bon j’ai trouvé manquait /if] > 🙂
    merci de ces infos.

    cdlt
    Manu

  • manu dit :

    bonjour et SOS 😉

    j’ai voulu appliquer nickel pour les colonnes mais si j’applique le code ci-dessus pour la div center page blanche ;(

    dans le code donné : à la place mais toujours page blanche ou alors faut il ajouter autre chose ? merci de votre aide si vous passez par là . je précise presta 1.4.7.

  • Stefan dit :

    Super!!!!!!!!!!!!!

  • botashi dit :

    excellent post. Merci pour le partage

Poster une réponse