6 votes

Ajouter des css à la page d'accueil à partir de xml dans magento

Je souhaite inclure un fichier css qui ne s'applique qu'à la page d'accueil dans le fichier xml.
J'ai essayé ceci :

<cms_index_index>
 <action add css>
   .
   .
 </action> 
</cms_index_index>

L'utilisation de ce code dans le fichier local.xml permet d'ajouter ce code particulier à chaque page du système de gestion de contenu.
Une idée ?
Merci d'avance.

9voto

Leo Points 329

Dans la page d'accueil du cms il y a Design(Layout Update XML) utiliser le code suivant

<reference name="head">
 <action method="addItem"><type>skin_js</type><name>js/myjavascript.js</name></action>
</reference>

4voto

Keyur Shah Points 4227

Cette solution fonctionne pour moi

<cms_index_index translate="label">
    <label>CMS Home Page</label>
             <reference name="head">
                  <action method="addCss">
                     <stylesheet>
                               css/custom.css /*This is ur css path*/
                     </stylesheet>
                  </action>
             </reference>
</cms_index_index>

1voto

Essayez ceci

<cms_index_index>
    <reference name="your cms identifier for home page">
        <action method="addCss"><stylesheet>your path/your css file name</stylesheet></action>
    </reference>
</cms_index_index>

Veuillez utiliser ce code dans local.xml o page.xml

Je ne suis pas sûr à 100% que le code fonctionne ou non.

1voto

Zack Points 971

En combinaison avec l'avis de @Leo répondre ainsi que un autre billet de blog J'ai trouvé récemment un extrait de code qui permet d'ajouter des css personnalisés à une seule page.

<reference name="head">
    <action method="addCss">
        <stylesheet>css/custom.css</stylesheet>
    </action>
</reference>

Mêmes instructions que celles mentionnées par @Leo.

1voto

criscom Points 31

Les suggestions ci-dessus n'ont pas fonctionné pour moi dans Magento 1.7, thème vide. Ce qui a fonctionné, c'est ceci :

<reference name="head">
    <action method="addCSS">
      <type>css/master.css</type>
      <stylesheet>media="all"</stylesheet>
    </action>
  </reference>

Il en résulte le code suivant

<head><link rel="stylesheet" type="text/css" href="http://myshop.com/shop/skin/frontend/mytheme/blank/css/master.css" media="all"></head>

J'ai placé ce code dans le fichier local.xml de mon thème.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X