{"id":1668,"date":"2019-08-06T01:00:34","date_gmt":"2019-08-06T04:00:34","guid":{"rendered":"https:\/\/www.magenteiro.com\/blog\/?p=1668"},"modified":"2020-04-14T02:52:16","modified_gmt":"2020-04-14T05:52:16","slug":"javascript-css-externo","status":"publish","type":"post","link":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/","title":{"rendered":"Como inserir JavaScript ou CSS Externo no Magento 1"},"content":{"rendered":"\n<p>Inserir JavaScript ou CSS externo no Magento 1 n\u00e3o \u00e9 uma tarefa suportada nativamente. Pelo menos n\u00e3o de forma amig\u00e1vel e intuitiva.<\/p>\n\n\n\n<p>Neste artigo veremos duas formas de se <strong>inserir um arquivo JS ou CSS externo<\/strong> dentro de uma ou mais p\u00e1ginas usando instru\u00e7\u00f5es de <a title=\"Veja outros artigos sobre Layout XML no Magenteiro\" href=\"https:\/\/www.magenteiro.com\/blog\/tag\/layout-xml\/\">Layout XML<\/a>.<\/p>\n\n\n\n<p>As duas formas:<br><a href=\"#usando-coreText\">1. Usando core\/text block<\/a><br><a href=\"#modulo\">2. Usando m\u00f3dulo de terceiro<\/a><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right\" style=\"grid-template-columns:auto 33%\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/01\/course-image-1.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/01\/course-image-1.png 500w, https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/01\/course-image-1-300x169.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p><strong>Pr\u00e9-requisito<\/strong>: ter no\u00e7\u00f5es de Layout XML, <em>layout handles<\/em>, ou ter feito o curso <a href=\"https:\/\/www.magenteiro.com\/curso-magento-desenvolvimento?___store=default\">Torne-se um desenvolvedor Magento Front End (com Bootstrap 4)<\/a>  do Magenteiro.<\/p>\n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>Veja tamb\u00e9m: como inserir <\/em><a href=\"https:\/\/www.magenteiro.com\/blog\/magento-2\/como-adicionar-js-externo-no-magento-2\/\"><em>JS Externo no Magento 2<\/em><\/a><em>.<\/em><\/p><\/blockquote>\n\n\n\n<h2 id=\"usando-coreText\">Usando core\/text block<\/h2>\n\n\n<p>Uma forma bem comum e aceita de se inserir um JS ou CSS externo, ou mesmo de inserir um bloco JavaScript, \u00e9 inserir um bloco do tipo <code>core\/text<\/code> e depois chamar o m\u00e9todo <code>setText<\/code> para definir seu conte\u00fado.<\/p>\n<p>O bloco deve ser inserido dentro do <code>head<\/code> da p\u00e1gina, da seguinte forma:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xhtml\" data-enlighter-title=\"\">&lt;reference name=&quot;head&quot;&gt;\n\t&lt;block type=&quot;core\/text&quot; name=&quot;meuJSExterno&quot;&gt;\n\t    &lt;action method=&quot;setText&quot;&gt;\n\t        &lt;text&gt;\n\t            &lt;![CDATA[&lt;script src=&quot;https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js&quot;&gt;&lt;\/script&gt;]]&gt;\n\t        &lt;\/text&gt;\n\t    &lt;\/action&gt;\n\t&lt;\/block&gt;\n&lt;\/reference&gt;<\/pre>\n\n\n<p>Note que o texto \u00e9 inserido como CDATA, a fim de evitar quebras de XML ou problemas na compila\u00e7\u00e3o\/leitura do mesmo.<\/p>\n\n\n<p>Basicamente, todo e qualquer conte\u00fado inserido dentro de <code>&lt;text&gt;<\/code> ser\u00e1 exibido dentro do <code>&lt;head&gt;<\/code> da p\u00e1gina.<\/p>\n<p>O c\u00f3digo acima deve ser inserido dentro do <em>layout handle<\/em> que deseja utilizar (ex: <code>&lt;default&gt;<\/code> para todas as p\u00e1ginas)<\/p>\n\n\n<h2 id=\"modulo\">Usando m\u00f3dulo de terceiros<\/h2>\n\n\n\n<p>Uma outra forma de se adicionar um arquivo externo \u00e9 com o m\u00f3dulo <a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"http:\/\/inchoo.net\/wp-content\/uploads\/2011\/02\/Inchoo_Xternal.zip\" target=\"_blank\">Inchoo_Xternal<\/a> (tamb\u00e9m <a rel=\"noreferrer noopener\" aria-label=\"dispon\u00edvel no gitHub (abre numa nova aba)\" href=\"https:\/\/github.com\/netzkollektiv\/Magento_InchooXternal\" target=\"_blank\">dispon\u00edvel no gitHub<\/a>).<\/p>\n\n\n<p>Com o uso deste m\u00f3dulo, podemos adicionar facilmente arquivos externos chamando o m\u00e9todo <code>addExternalItem<\/code> ou remover um item recentemente adicionado com o m\u00e9todo <code>removeExternalItem<\/code>.<\/p>\n<p>Veja alguns exemplos:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xhtml\" data-enlighter-title=\"Adicionando CSS e JS Externos\">&lt;reference name=&quot;head&quot;&gt;\n    &lt;action method=&quot;addItem&quot;&gt;&lt;type&gt;external_css&lt;\/type&gt;&lt;name&gt;http:\/\/developer.yahoo.com\/yui\/build\/reset\/reset.css&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;addItem&quot;&gt;&lt;type&gt;external_js&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/yahoo-dom-event\/yahoo-dom-event.js&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;addExternalItem&quot;&gt;&lt;type&gt;external_js&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/imageloader\/imageloader-min.js&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;addExternalItem&quot;&gt;&lt;type&gt;external_css&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/fonts\/fonts-min.css&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n&lt;\/reference&gt;<\/pre>\n<p>E para remover:<\/p>\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"xhtml\" data-enlighter-title=\"Removendo CSS e JS Externos\">&lt;reference name=&quot;head&quot;&gt;\n    &lt;action method=&quot;removeItem&quot;&gt;&lt;type&gt;external_css&lt;\/type&gt;&lt;name&gt;http:\/\/developer.yahoo.com\/yui\/build\/reset\/reset.css&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;removeItem&quot;&gt;&lt;type&gt;external_js&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/yahoo-dom-event\/yahoo-dom-event.js&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;removeExternalItem&quot;&gt;&lt;type&gt;external_js&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/imageloader\/imageloader-min.js&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n    &lt;action method=&quot;removeExternalItem&quot;&gt;&lt;type&gt;external_css&lt;\/type&gt;&lt;name&gt;http:\/\/yui.yahooapis.com\/2.8.2r1\/build\/fonts\/fonts-min.css&lt;\/name&gt;&lt;params\/&gt;&lt;\/action&gt;\n&lt;\/reference&gt;<\/pre>\n<p>\u00a0<\/p>\n\n\n<h2>Conclus\u00e3o<\/h2>\n\n\n\n<p>Os dois jeitos s\u00e3o eficientes para se chegar em um resultado parecido. No entanto, o segundo jeito se mostra mais organizado e intuitivo. Apesar da depend\u00eancia externa, foi meu favorito por longos anos. \ud83d\ude42<\/p>\n\n\n\n<p>Espero ter ajudado. <\/p>\n\n\n\n<p>Grande abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p style=\"font-size:11px\">Artigo inspirado na minha contribui\u00e7\u00e3o <a rel=\"noreferrer noopener\" aria-label=\"esta thread do StackOverflow (abre numa nova aba)\" href=\"https:\/\/stackoverflow.com\/questions\/4654822\/adding-external-javascript-file-to-magento\" target=\"_blank\">nesta thread do StackOverflow<\/a> em 2013.<\/p>\n","protected":false},"excerpt":{"rendered":"Inserir JavaScript ou CSS externo no Magento 1 n\u00e3o \u00e9 uma tarefa suportada nativamente. Pelo menos n\u00e3o de forma amig\u00e1vel [&hellip;]","protected":false},"author":1,"featured_media":1678,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,7,2],"tags":[118,18,81,56,45,60,68],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.0 (Yoast SEO v19.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como inserir JavaScript ou CSS Externo no Magento 1<\/title>\n<meta name=\"description\" content=\"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como inserir JavaScript ou CSS Externo no Magento 1\" \/>\n<meta property=\"og:description\" content=\"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\" \/>\n<meta property=\"og:site_name\" content=\"Magenteiro | V\u00eddeos, Artigos, e Cursos Magento 2 e Magento 1\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/magenteiro\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-06T04:00:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-14T05:52:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2019\/07\/css-js-externo-m1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"481\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ricardo Martins\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@magenteiro\" \/>\n<meta name=\"twitter:site\" content=\"@magenteiro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ricardo Martins\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#organization\",\"name\":\"Magenteiro\",\"url\":\"https:\/\/www.magenteiro.com\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/magenteiro\",\"https:\/\/www.linkedin.com\/company\/magenteiro\",\"https:\/\/www.youtube.com\/magenteiro\",\"https:\/\/facebook.com\/magenteiro\",\"https:\/\/twitter.com\/magenteiro\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/04\/logo-white.png\",\"contentUrl\":\"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/04\/logo-white.png\",\"width\":787,\"height\":149,\"caption\":\"Magenteiro\"},\"image\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#website\",\"url\":\"https:\/\/www.magenteiro.com\/blog\/\",\"name\":\"Magenteiro | V\u00eddeos, Artigos, e Cursos Magento 2 e Magento 1\",\"description\":\"Artigos t\u00e9cnicos, tutoriais e muitos v\u00eddeos e cursos sobre Magento. Aqui voc\u00ea encontra dicas para lojistas e desenvolvedores feitos por quem entende do assunto.\",\"publisher\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magenteiro.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\",\"url\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\",\"name\":\"Como inserir JavaScript ou CSS Externo no Magento 1\",\"isPartOf\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#website\"},\"datePublished\":\"2019-08-06T04:00:34+00:00\",\"dateModified\":\"2020-04-14T05:52:16+00:00\",\"description\":\"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magenteiro.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como inserir JavaScript ou CSS Externo no Magento 1\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\"},\"author\":{\"name\":\"Ricardo Martins\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/e90c4bb268e5f2dad10d7c9760d4f150\"},\"headline\":\"Como inserir JavaScript ou CSS Externo no Magento 1\",\"datePublished\":\"2019-08-06T04:00:34+00:00\",\"dateModified\":\"2020-04-14T05:52:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/\"},\"wordCount\":332,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#organization\"},\"keywords\":[\"Avan\u00e7ado\",\"css\",\"javascript\",\"Layout XML\",\"Magento 1\",\"Tutoriais Magento\",\"tutorial\"],\"articleSection\":[\"Backend\",\"Desenvolvimento\",\"Magento 1\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/e90c4bb268e5f2dad10d7c9760d4f150\",\"name\":\"Ricardo Martins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae5800c87c4e0f6a4a6b7a3d66aae138?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae5800c87c4e0f6a4a6b7a3d66aae138?s=96&d=mm&r=g\",\"caption\":\"Ricardo Martins\"},\"description\":\"\u00c9 desenvolvedor web h\u00e1 16 anos e um dos primeiros certificados pela Magento no Brasil. Instrutor de mais de 11 cursos Magento (os principais no magenteiro.com\/cursos) com mais de 14 mil alunos de 105 pa\u00edses, \u00e9 tamb\u00e9m criador do m\u00f3dulo PagSeguro Transparente, usado em mais de 12 mil lojas.\",\"sameAs\":[\"https:\/\/www.magenteiro.com\/\"],\"url\":\"https:\/\/www.magenteiro.com\/blog\/author\/ricardomartins\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como inserir JavaScript ou CSS Externo no Magento 1","description":"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/","og_locale":"pt_BR","og_type":"article","og_title":"Como inserir JavaScript ou CSS Externo no Magento 1","og_description":"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.","og_url":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/","og_site_name":"Magenteiro | V\u00eddeos, Artigos, e Cursos Magento 2 e Magento 1","article_publisher":"https:\/\/facebook.com\/magenteiro","article_published_time":"2019-08-06T04:00:34+00:00","article_modified_time":"2020-04-14T05:52:16+00:00","og_image":[{"width":960,"height":481,"url":"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2019\/07\/css-js-externo-m1.jpg","type":"image\/jpeg"}],"author":"Ricardo Martins","twitter_card":"summary_large_image","twitter_creator":"@magenteiro","twitter_site":"@magenteiro","twitter_misc":{"Written by":"Ricardo Martins","Est. reading time":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.magenteiro.com\/blog\/#organization","name":"Magenteiro","url":"https:\/\/www.magenteiro.com\/blog\/","sameAs":["https:\/\/www.instagram.com\/magenteiro","https:\/\/www.linkedin.com\/company\/magenteiro","https:\/\/www.youtube.com\/magenteiro","https:\/\/facebook.com\/magenteiro","https:\/\/twitter.com\/magenteiro"],"logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.magenteiro.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/04\/logo-white.png","contentUrl":"https:\/\/www.magenteiro.com\/blog\/wp-content\/uploads\/2017\/04\/logo-white.png","width":787,"height":149,"caption":"Magenteiro"},"image":{"@id":"https:\/\/www.magenteiro.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.magenteiro.com\/blog\/#website","url":"https:\/\/www.magenteiro.com\/blog\/","name":"Magenteiro | V\u00eddeos, Artigos, e Cursos Magento 2 e Magento 1","description":"Artigos t\u00e9cnicos, tutoriais e muitos v\u00eddeos e cursos sobre Magento. Aqui voc\u00ea encontra dicas para lojistas e desenvolvedores feitos por quem entende do assunto.","publisher":{"@id":"https:\/\/www.magenteiro.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magenteiro.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/","url":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/","name":"Como inserir JavaScript ou CSS Externo no Magento 1","isPartOf":{"@id":"https:\/\/www.magenteiro.com\/blog\/#website"},"datePublished":"2019-08-06T04:00:34+00:00","dateModified":"2020-04-14T05:52:16+00:00","description":"Veja dois modos de inserir um JavaScript ou CSS externo no Magento 1 usando instru\u00e7\u00f5es de Layout XML. Exemplos e dicas incluidos.","breadcrumb":{"@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magenteiro.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Como inserir JavaScript ou CSS Externo no Magento 1"}]},{"@type":"Article","@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#article","isPartOf":{"@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/"},"author":{"name":"Ricardo Martins","@id":"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/e90c4bb268e5f2dad10d7c9760d4f150"},"headline":"Como inserir JavaScript ou CSS Externo no Magento 1","datePublished":"2019-08-06T04:00:34+00:00","dateModified":"2020-04-14T05:52:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/"},"wordCount":332,"commentCount":0,"publisher":{"@id":"https:\/\/www.magenteiro.com\/blog\/#organization"},"keywords":["Avan\u00e7ado","css","javascript","Layout XML","Magento 1","Tutoriais Magento","tutorial"],"articleSection":["Backend","Desenvolvimento","Magento 1"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magenteiro.com\/blog\/magento-1\/javascript-css-externo\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/e90c4bb268e5f2dad10d7c9760d4f150","name":"Ricardo Martins","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.magenteiro.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae5800c87c4e0f6a4a6b7a3d66aae138?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae5800c87c4e0f6a4a6b7a3d66aae138?s=96&d=mm&r=g","caption":"Ricardo Martins"},"description":"\u00c9 desenvolvedor web h\u00e1 16 anos e um dos primeiros certificados pela Magento no Brasil. Instrutor de mais de 11 cursos Magento (os principais no magenteiro.com\/cursos) com mais de 14 mil alunos de 105 pa\u00edses, \u00e9 tamb\u00e9m criador do m\u00f3dulo PagSeguro Transparente, usado em mais de 12 mil lojas.","sameAs":["https:\/\/www.magenteiro.com\/"],"url":"https:\/\/www.magenteiro.com\/blog\/author\/ricardomartins\/"}]}},"_links":{"self":[{"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/posts\/1668"}],"collection":[{"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/comments?post=1668"}],"version-history":[{"count":10,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/posts\/1668\/revisions"}],"predecessor-version":[{"id":1679,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/posts\/1668\/revisions\/1679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/media\/1678"}],"wp:attachment":[{"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/media?parent=1668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/categories?post=1668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magenteiro.com\/blog\/wp-json\/wp\/v2\/tags?post=1668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}