Source : 5 techniques utiles pour le fichier layout local.xml de Magento.
Pour bien démarrer : Magento XML – local.xml boilerplate.
Dans /app/design/frontend/mon_theme/default/layout/ créer un fichier local.xml contenant le code de base suivant :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?xml version="1.0" encoding="UTF-8"?> <!-- /** * local.xml * * Local layout modifications for our local theme * * @category design * @package my_theme_default * @copyright Copyright (c) 2011 Magebase. */ --> <layout version="0.1.0"> ... </layout> |
Magento va lire les fichiers XML de layout dans un ordre pré-déterminé. Le fichier local.xml que nous venons de créer sera pris en compte en dernier.
Ajouter une ressource JS ou CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<default> <reference name="head"> <action method="addItem"> <type>skin_js</type> <name>js/my_js.js</name> <params/> </action> <action method="addItem"> <type>skin_css</type> <name>css/my_styles.css</name> </action> </reference> </default> |
Supprimer une ressource JS ou CSS
1 2 3 4 5 6 7 8 9 10 11 12 |
<default> <reference name="head"> <action method="removeItem"> <type>skin_css</type> <name>css/brandext/slider.css</name> </action> <action method="removeItem"> <type>js</type> <name>some_ext/jquery-1.4.2.js</name> </action> </reference> </default> |
Remarque: le second removeItem cible un fichier JavaScript qui a été inclus par une extension localisée sous le répertoire /magento/js/ plutôt que depuis le répertoire d’un thème.