Inserindo JavaScript e CSS no Magento via XML

Olá pessoal,

Neste post mostrarei de forma rápida e simples como inserir arquivos JavaScript e CSS no Magento.

O código a seguir insere os arquivos meuJs.js e meuCss.css no cabeçalho da pagina.

<default>
<reference name="head">
<action method="addItem"><type>skin_js</type><name>js/meuJs.js</name></action>
<action method="addItem"><type>skin_css</type><name>css/meuCss.css</name></action>
</reference>
</default>

Para inserir os arquivo em uma página específica, basta alterar a tag “<default>” para a tag da página correspondente, como por exemplo “<checkout_onepage_index translate=”label”>”, para a página de checkout.

O atributo “name” da tag “<reference>” define em que parte da página o arquivo será inserido.

A tag “<type>” especifica o diretório e o tipo de arquivo, neste caso nosso arquivo ficará na pasta “skin” e será o tipo js ou css.

A tag “<name>”define o nome do arquivo e o diretório em que ele ficará dentro da pasta do template.

Em nosso exemplo definimos que os arquivos ficarão na pasta js ou css do template.

[toggle title=”Fonte”]
http://www.fxplabs.com.br/blog/
[/toggle]

2014-07-30T13:26:09+00:00

RECEBA DICAS VALIOSAS NO SEU EMAIL

x