Magento : Design Personnalisé Layout

Vous pouvez changer l’apparence de la colonne de gauche ou de droite de votre template Magento en éditant directement le fichier xml mais ce n’est pas si simple car il faut éditer plusieurs fichiers et à de nombreux endroits.

Le plus simple est de le faire au niveau de l’interface d’administration et Magento permet de mettre à jour l’apparence (design) assez simplement.

Cliquer sur Catalog -> Manage Categories, cliquer sur votre catégorie et dans l’onglet « Design Personnalisé » et ajouter votre agencement dans le champ  « Mise à jour de l’agencement personnalisé », exemple :

<reference name="left"> 
 <action method="unsetChild"><name>cart_sidebar</name></action>
 <action method="unsetChild"><name>catalog.compare.sidebar</name></action>
 <action method="unsetChild"><name>right.poll</name></action> 
 <action method="unsetChild"><name>left.reports.product.viewed</name></action>
 <action method="unsetChild"><name>left.newsletter</name></action>
 <action method="unsetChild"><name>paypal.partner.right.logo</name></action>
 <block type="checkout/cart_sidebar" before="right.permanent.callout" name="cart_sidebar" template="checkout/cart/sidebar.phtml" />
</reference>

Dans cette exemple, j’ai supprimé les block indésirables et ajouté mes blocks.

Note: J’ai édité le layout de mon template et il faut adapter au votre.

You pouvez également ajouter votre block CMS comme par exemple :

<block type="cms/block" name="steps"><action method="setBlockId"><block_id>steps</block_id></action>
 </block>

Et créer votre Block Static avec l’identifiant « steps » avec ce que vous voulez.

Pour identifier le nom des blocks par défaut, il faut consulter le fichier xml de votre template dans le répertoire the app/design/frontend/default/<template>/layout.

Par exemple, le fichier category.xml:

        <reference name="left">
            <block type="catalog/product_compare_sidebar" after="cart_sidebar" name="catalog.compare.sidebar" template="catalog/product/compare/sidebar.phtml"/>
            <block type="core/template" name="right.permanent.callout" template="callouts/right_col.phtml" after="cart_sidebar">
                <action method="setImgSrc"><src>images/media/sidebar-banner.jpg</src></action>
                <action method="setImgAlt" translate="alt" module="catalog"><alt>Keep your eyes open for our special Back to School items and save A LOT!</alt></action>
                                <action method="setLinkUrl"><url>checkout/cart</url></action>
            </block>
        </reference>

Comme vous le voyez, le block catalog.compare.sidebar est défini dans ce fichier.

Des fois, magento crée des blocks en double et je vous conseille de tester sur votre système de développement au préalable.

Voila,

You may be interrested by my Magento Module API  : Myapi_Myconf !

Nicolas Portais
Author Photographer
http://www.mystockphoto.fr

Ce contenu a été publié dans Non classé, avec comme mot(s)-clé(s) , , , , , , . Vous pouvez le mettre en favoris avec ce permalien.

3 réponses à Magento : Design Personnalisé Layout

  1. MintCams.com dit :

    Hi, Great post. Be sure to stop by and leave a comment on my blog.

    Thanks,
    Callie
    MintCams.com

  2. cannabis information dit :

    Spot on with this write-up, I really believe this site needs a lot more
    attention. I’ll probably be returning to read more, thanks for the advice!

  3. www.chuabenhdaulung.com dit :

    Hi! Do you use Twitter? I’d like to follow you if that would be ok.

    I’m absolutely enjoying your blog and look forward to new posts.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha (solve the arithmetic equation) * Time limit is exhausted. Please reload CAPTCHA.