La modification du design d’un site sous Magento n’est pas aussi aisée qu’un CMS WordPress. Il y a des dossiers un peu partout, des fichiers XML, des templates, etc.

On se propose ici de :

1. Modifier la page d’accueil pour qu’elle est 3 colonnes
2. Modifier l’affichage des catégories pour qu’il n’y ait que 2 colonnes
3. Modifier l’affichage de n’importe quelle autre page

Si vous voulez du détails, vous pouvez consulter le guide du designer Magento en français.

Etape 1 : Modifier la page d’accueil pour qu’elle est 3 colonnes

Voilà comment rajouter une sidebar à gauche sur la page d’accueil

• Admin > CMS > Gestion des pages > Home > Design Personnalisé > Agencement
• Choisissez « 3 columns »

Etape 2 : Modifier l’affichage des catégories pour qu’il n’y est que 2 colonnes

Note : Généralement, vous vous trouvez dans l’interface/theme : blank/defaut.

• Modifier le fichier : app/design/frontend/nom_interface/nom_theme/layout/catalog.xml
• Faîtes une recherche sur <catalog_category_layered>
• Remplacez ce terme par :

<catalog_category_layered>
<reference name="root">
<action method="setTemplate"><template>page/2columns-right.phtml</template></action>
</reference>

Etape 2 : Modifier l’affichage de n’importe quelle autre page

Les agencements de pages (template) sous Magento se présente ainsi : 1 colonnes, 2 colonnes (gauche et droite), et 3 colonnes.

Vous pouvez décider que tel page de Magento soit avec tel template dans les fichiers *.xml comme pour l’ETAPE 2.

Exemple pour la page produit, il faut aller chercher dans catalog.xml puis dans .

Si on veut qu’il soit en 3 colonnes, il faut rajouter :

<reference name="root">
<action method="setTemplate"><template>page/3columns.phtml</template></action>
</reference>