Magento 1.9: Adicione um arquivo css personalizado à cabeça


10

Eu preciso adicionar um arquivo CSS personalizado ao Magento que é usado em todo o site. Eu sei que você precisa adicionar isso a um arquivo local.xml , no entanto, a folha de estilo que adiciono não é carregada.

Alguém que possa ajudar?

Aqui está o que eu adicionei ao meu arquivo 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>

Eu sei que há muitos tópicos sobre isso aqui, mas eu tentei todos eles e simplesmente não consigo fazê-lo funcionar ...

Respostas:


23

Existem duas maneiras de adicionar css à cabeça one is using function addCss e outra é addItem . Você tem dois formatos misturados. Seu formato está errado.

tente isso

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

ao invés de

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

ou tente isso

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

bom amit bera.
easymoden00b

Eu tentei, mas eles não parecem carregar. Ao olhar para o meu código fonte da página, eles simplesmente não aparecer ...
dsolivier

NVM, funcionou, houve um erro de digitação no que eu digitado;)
dsolivier

1
Confirmado, trabalhando para mim também!
camdixon

3

Para adicionar um arquivo CSS, siga as etapas abaixo:

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.

Para adicionar um arquivo JS, siga as etapas abaixo.

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.

Para o Magento 2, consulte este link .

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.