Cursos Magento

Como adicionar JS externo no Magento 2

,

Publicado em 10 de julho de 2018

Adicionar um JavaScript externo, ou seja, vindo de um outro site é uma tarefa bem simples no Magento 2.

Como você já deve saber, tanto o Magento 1 como o Magento 2 utiliza arquivos de layout (xml) para montar suas páginas. Alterações, remoções ou adições de instruções xml podem ser adicionadas via template ou via módulo.

No nosso exemplo, faremos a inserção via módulo. Portanto, uma vez que você criar um módulo base para Magento 2, basta adicionar o seguinte arquivo:

 

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.jsexterno.com.br/meu.js" src_type="url"/>
    </head>
</page>

Dentro da pasta view, o seu xml pode estar dentro das subpastas frontend, adminhtml ou base, dependendo da sua intenção e lugar onde deseja adicionar o JS externo.

O nome do arquivo xml corresponde ao nome do layout handle que responderá pela página específica onde deseja adicionar o arquivo JS. Caso opte pelo handle default(.xml) como no exemplo acima, o arquivo JS será adicionado em todas as páginas da sua loja Magento.

Bem mais simples que no Magento 1, não é mesmo?

Se inscreva no curso de Magento 2 e assista esta explicação com comentários adicionais.

 

Indo além:

Últimos posts por Ricardo Martins (exibir todos)
Assuntos: | |
Comentários

Deixe seu comentário

[fbcomments url="https://www.magenteiro.com/blog/magento-2/como-adicionar-js-externo-no-magento-2/"]