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:
- Outros artigos sobre Magento 1 ou Magento 2
- Artigos relacionados à layout xml no Magento
- Treinamentos de Magento 1 e Magento 2
- PagSeguro (PagBank) para Magento 1 recebe a Nova Geração - 9 de abril de 2024
- Recorrência no WooCommerce Sem Plugins Pagos - 28 de janeiro de 2024
- Chargeback. O que é, e como se livrar deles. - 19 de dezembro de 2023
Deixe seu comentário
[fbcomments url="https://www.magenteiro.com/blog/magento-2/como-adicionar-js-externo-no-magento-2/"]