Magento 1.7.0 : Créer un nouveau modèle d'agencement pour les pages CMS

Télécharger l'articleTélécharger l'article http://www.soft-alternative.com/usr/images/tutoriaux/magento-170-creer-un-nouveau-modele-d-agencement-pour-les-pages-cms/magento-170-creer-un-nouveau-modele-d-agencement-pour-les-pages-cms.jpg

Présentation

Magento propose plusieurs modèles d'agencement par défaut pour la mise en page des boutiques (1 colonne, 2 colonnes gauche/droite, 3 colonnes). Il peut parfois arriver qu'un agencement spécifique soit nécessaire pour certaines pages (exemple : page d'accueil...). La grande souplesse de conception de Magento lui permet de s'adapter à ce genre de cas particuliers et de permettre l'ajout d'un agencement supplémentaire.

Procédure

  1. Créer un nouveau fichier de configuration nommé "Mage_Local.xml" dans le dossier "app/etc/modules/".

    Insérer ensuite la syntaxe suivante :

    Mage_Local.xml :
    <?xml version="1.0"?>
    <config>
        <modules>
            <Mage_Page>
                <active>true</active>
                <codePool>local</codePool>
                <depends>
                    <Mage_Core/>
                </depends>
            </Mage_Page>
        </modules>
    </config>
  2. Créer le chemin pour la configuration du nouvel agencement supplémentaire : "app/code/local/Mage/Page/etc/".

  3. Copier le fichier de configuration d'origine "config.xml" ("app/code/core/Mage/Page/etc/") dans le dossier de la nouvelle configuration ("app/code/local/Mage/Page/etc/").

  4. Editer le fichier "config.xml" de la nouvelle configuration. Dans la sous-clé "layouts" ajouter la syntaxe ci-dessous :

    config.xml :
    <home module="page" translate="label">
       <label>Home</label>
       <template>page/home.phtml</template>
       <layout_handle>page_home</layout_handle>
    </home>
  5. Créer le template pour le nouvel agencement dans votre thème courant ("app/design/frontend/{interface}/{theme}/template/page/home.phtml").

    REMARQUE :
    • Il est possible de copier le fichier d'un agencement existant (exemple : "1column.phtml") puis de le renommer et le modifier pour créer le nouvel agencement.
  6. Il est ensuite nécessaire de rafraîchir le cache de Magento pour faire apparaître le nouvel agencement à l'aide de l'option "Gestion du cache" dans le menu "Système".

  7. Cocher la case à gauche les lignes "Configuration" et "Sortie de bloc HTML". Sélectionner l'action "Rafraichir", puis cliquer sur le bouton "Valider".

  8. Le nouvel agencement sera maintenant présent dans la liste déroulante des agencements disponibles pour les pages CMS.