Magento 1.9: Ajouter un fichier CSS personnalisé à la tête


10

J'ai besoin d'ajouter un fichier CSS personnalisé à Magento qui est ensuite utilisé à l'échelle du site. Je sais que vous devez l'ajouter à un fichier local.xml , cependant, la feuille de style que j'ajoute n'est tout simplement pas chargée.

Quelqu'un qui peut vous aider?

Voici ce que j'ai ajouté à mon fichier local.xml :

<?xml version="1.0">
<layout>
    <default>
        <reference name="head">
            <action method="addCss”><type>skin_css</type><file>css/javcustom.css</file></action>
        </reference>
    </default>
</layout>

Je sais qu'il y a beaucoup de sujets à ce sujet ici, mais je les ai tous essayés et je n'arrive pas à le faire fonctionner ...

Réponses:


23

Il existe deux façons d'ajouter css à head one is using function addCss et une autre est addItem . Vous avez deux formats mix-up. Votre format est incorrect.

essaye ça

<action method="addCss">
    <stylesheet>css/javcustom.css</stylesheet>
</action>

au lieu de

<action method="addCss">
    <type>skin_css</type>
    <file>css/javcustom.css</file>
</action>

ou essayez ceci

<action method="addItem">
    <type>skin_css</type>
    <name>css/javcustom.css</name>
</action>

bon amit bera.
easymoden00b

Je les ai essayés, mais ils ne semblent pas se charger. En regardant ma page source, ils ne se présentent tout simplement pas ...
dsolivier

nvm, cela a fonctionné, il y avait une faute de frappe dans ce que j'ai tapé;)
dsolivier

1
Confirmé, ça marche aussi pour moi!
camdixon

3

Pour ajouter un fichier CSS, suivez les étapes ci-dessous:

Open File
app\design\frontend\rwd\default\layout\page.xml
Add the below tag for css:
<action method="addCss"><stylesheet>css/[filename].css</stylesheet></action>

Just below the last method=”addCss add the above line.
Now open,
skin\frontend\rwd\default\css\[filename].css

Start writing your css code in this file.

Pour ajouter un fichier JS, suivez les étapes ci-dessous.

Open File
app\design\frontend\rwd\default\layout\page.xml
Add the below tag
<action method="addItem"><type>skin_js</type><name>js/[filename].js</name></action>

Just below the js include tags similar to the above line.
Now open,
skin\frontend\rwd\default\js\[filename].js

Start writing your js code in this file.

Pour Magento 2, veuillez vous référer à ce lien .

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.