{"id":485,"date":"2017-12-23T08:35:37","date_gmt":"2017-12-23T10:35:37","guid":{"rendered":"http:\/\/magenteiro.com\/blog\/?p=485"},"modified":"2021-02-10T02:43:28","modified_gmt":"2021-02-10T05:43:28","slug":"layout-xml-eles-podem-fazer-muito-mais-por-voce","status":"publish","type":"post","link":"https:\/\/www.magenteiro.com\/blog\/magento-1\/layout-xml-eles-podem-fazer-muito-mais-por-voce\/","title":{"rendered":"Layout XML: Eles podem fazer muito mais por voc\u00ea"},"content":{"rendered":"\n

Eles est\u00e3o por toda parte. Podem modificar seus blocos, chamar m\u00e9todos em classes, trocar layout da sua p\u00e1gina, ou do site inteiro, distinguir usu\u00e1rios e situa\u00e7\u00f5es diversas, mudar p\u00e1ginas de categorias, p\u00e1ginas est\u00e1ticas e muito, muito mais.<\/p>\n\n\n\n

Voc\u00ea encontra altera\u00e7\u00f5es de layout via XML em m\u00f3dulos nativos, m\u00f3dulos de terceiros, temas, e at\u00e9 mesmo no painel administrativo da sua loja, no gerenciamento de produtos, categorias, p\u00e1ginas, blocos, e muitos outros lugares.<\/p>\n\n\n\n

Poupando tempo e dinheiro<\/h2>\n\n\n\n

Saber o que alterar e como alterar, pode poupar tempo, trabalho, e dinheiro, pois em muitos casos um administrador que conhece este recurso n\u00e3o precisar\u00e1 de um desenvolvedor para realizar v\u00e1rios tipos de altera\u00e7\u00f5es, e poder\u00e1 fazer isso diretamente no painel administrativo da loja, sem alterar nenhum arquivo.<\/p>\n\n\n\n

No caso do desenvolvedor, ao ter uma boa no\u00e7\u00e3o do que pode fazer com este recurso, poder\u00e1 aproveitar muito mais a flexibilidade que o Magento oferece.<\/p>\n\n\n\n

E se o trabalho for em conjunto, ou seja, se o desenvolvedor e o administrador sabem como trabalhar com blocos e layout XML, a flexibilidade em termos de customiza\u00e7\u00f5es e funcionalidades n\u00e3o ter\u00e1 limite.<\/p>\n\n\n\n

Exemplo pr\u00e1tico #1: adicionar um JS (ou script) em uma p\u00e1gina, categoria e\/ou produto espec\u00edfico<\/h2>\n\n\n\n

Como disse no par\u00e1grafo anterior, o administrador de uma loja pode realizar altera\u00e7\u00f5es de layout via XML em diversos lugares na \u00e1rea administrativa da loja.<\/p>\n\n\n\n

\"Magento<\/a>
\u00c1rea de atualiza\u00e7\u00e3o de Layout via XML na p\u00e1gina de categoria<\/figcaption><\/figure><\/div>\n\n\n\n

Adicionando o pequeno c\u00f3digo abaixo seria poss\u00edvel adicionar um JS espec\u00edfico apenas \u00e0 esta categoria.<\/p>\n\n\n\n

<reference name=\"before_body_end\">\n    <block after=\"-\" name=\"meuJs\" type=\"core\/text\">\n        <action method=\"setText\">\n            <param1><![CDATA[\n<script type=\"text\/javascript\">alert('Ol\u00e1 Magenteiro');<\/script>\n]]><\/param1>\n        <\/action>\n    <\/block>\n<\/reference><\/pre>\n\n\n\n
Na primeira linha, fazemos refer\u00eancia ao bloco before_body_end<\/code>, que \u00e9 acrescentado antes do fechamento da tag <body><\/code> em todos os temas (feitos seguindo as boas pr\u00e1ticas do Magento). Este \u00e9 um bloco que renderiza qualquer bloco que existir dentro dele.<\/p>\n\n\n\n
Em seguida, criamos um bloco chamado “meuJs” do tipo core\/text<\/code>, que \u00e9 um bloco da classe Mage_Core_Block_Text<\/code>, nativo do Magento.<\/p>\n\n\n\n
Na linha #3 informamos ao XML que gostar\u00edamos de chamar o m\u00e9todo setText deste bloco. Se voc\u00ea abrir o arquivo da classe deste bloco (app\/code\/core\/Mage\/Core\/Block\/Text.php<\/code>), ver\u00e1 que o m\u00e9todo setText<\/code> precisa de um par\u00e2metro apenas.<\/p>\n\n\n\n
E \u00e9 na linha 4 e 5 que especifico qual texto gostaria de passar como par\u00e2metro para este m\u00e9todo.<\/p>\n\n\n\n
Por se tratar de um texto que cont\u00e9m tags html, coloquei tudo dentro de um grande <![CDATA[ ]]><\/code> para escapar os valores.<\/p>\n\n\n\n
Isso pode ser feito com qualquer bloco, inclusive com blocos criados por n\u00f3s, em nossos m\u00f3dulos, e serviria para qualquer situa\u00e7\u00e3o onde queremos acrescentar algum texto, snippet, ou funcionalidade espec\u00edfica.<\/p>\n\n\n\n
Simples, n\u00e3o?<\/p>\n\n\n\n