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

Souhaitez inclure un fichier css qui s'applique seulement à une page d'accueil à partir du fichier xml.

Essayé ceci :

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

à l'aide de cette local.xml ajoute que css particulière dans chaque page cms.

Une Idée ?

Merci à l'Avance.

  • besoin de plus d'infos. Est-ce votre page d'accueil est contenu ou statique bloc?
InformationsquelleAutor Nikhil_K_R | 2012-11-16
  1. 9

    Dans le cms page d'accueil il y a la Conception(mise à Jour XML)
    utilisez le code suivant dans cette

    <reference name="head">
 <action method="addItem"><type>skin_js</type><name>js/myjavascript.js</name></action>
</reference>
    • merci . IL a travaillé
    InformationsquelleAutor Leo
  2. 4

    cette solution de travail 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>
    InformationsquelleAutor Keyur Shah
  3. 1

    Essayer cette

    <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 utilisez ce code dans local.xml ou page.xml

    Ne suis pas sûr à 100% sur le code du travail ou pas

    • ne fonctionne pas pour moi.
    • Le <cms_index_index> est ce qui identifie la page d'accueil ... le <nom=""> est pour indiquer structurels bloc que vous voulez agir dans la présente instance qui serait <reference name="tête">
    InformationsquelleAutor Jordy S Chemparathy
  4. 1

    En combinaison avec @Leo réponse ainsi que un autre post de blog j'ai découvert récemment, voici un extrait de code pour ajouter css personnalisé pour juste une seule page.

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

    Mêmes instructions que @Leo mentionné.

    InformationsquelleAutor Zack
  5. 1

    Les suggestions ci-dessus ne fonctionne pas pour moi dans Magento 1.7, vide thème. Ce qui a fonctionné, c'était ça:

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

    Ce produit 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 les local.xml de mon thème.

    InformationsquelleAutor criscom