O documento discute a construção de layouts no Magento Commerce. Ele começa apresentando o palestrante e o que será abordado, incluindo uma introdução ao Magento e suas versões. Em seguida, explica a estrutura de lojas, temas personalizados, elementos de um tema e boas práticas para desenvolvimento. Por fim, discute requisitos para profissionais Magento e sugestões para estudar o framework.

1. Construindo layouts no Magento CommerceANDRÉ GUGLIOTTItodos os direitos reservadosagosto/2011

2. Sobre o palestranteAndré Gugliotti@AndreGugliotti#Magentoformado em engenharia civil, em 2000, mas atuando no mercado de web desde 2004entre 2005 e 2010, com a marca Hydra Studio –focado em soluções de vendas pela internet, para o cliente finalprofissional certificado Google Adwords, atuando como consultor em comércio eletrônico e marketing digital, voltado para empresas

3. O que veremos nessa palestra?

4. Entendendo o Magentodesenvolvido pela Varien – atual Magento Inc., empresa de software americana, baseado na plataforma Zendlançado oficialmente em março de 2008, é o melhor software de comércio eletrônico da atualidade, com mais de 2,5 mi de downloads e 90.000 lojasé a solução usada pelo Uolhost para sua plataforma de lojas virtuais e uma das mais presentes nas solicitações de profissionaisem 2011, o Ebay/PayPal adquiriu toda a companhia, para usar o código como base para o novo Open X Commerce

5. Versões do MagentoMagento GoMagento Mobile

6. Frontend ou Frente de Loja

7. Estrutura de lojas

8. Estrutura de lojas

9. Estrutura de lojas

10. Configuração em níveisimagem: Magento Commerce Design Guide

11. Temas personalizados

12. Como montar um tema?

13. Design Packagesimagem: Magento Commerce Design Guide

14. Design Packagestema Base/Default – tema padrão do Magento, contendo todo os arquivos necessários para o funcionamento da lojatema Package 1/Default – tema que contém os arquivos necessários ao funcionamento do tema personalizadotemas Package 1/Variations – tema que contém os arquivos para o funcionamento dos temas sazonais

15. Hierarquia de temas Magentomy-theme/default my-theme/variation-1imagem: Magento Commerce Design Guide

16. Hierarquia de temas Magentoimagem: Magento Commerce Design Guide

17. Hierarquia de temas Magentoos arquivos são procurados na ordem inversa da importância dos temasprimeiro, na variação mais específica de um Design Packagedepois, na variação default do Design Packagee por último, todos os arquivos não encontrados até aqui serão carregados a partir do tema Padrão

18. Estrutura de um tema Magentoapp/design/frontendskin/frontend

19. Elementos de um tema

20. Elementos de um tema

21. Estrutura de templates Magentowww.magentocommerce.com/design_guide

22. Estrutura de templates Magentowww.magentocommerce.com/design_guide

23. Tipos de blocos

24. Boas práticas de temas

25. Duas grandes dicas...trabalhe com o Cache desabilitado ou suas alterações não serão exibidas imediatamenteSistema -> Gerenciamento de Cacheutilize o Template Path Hints, ferramenta que exibe no frontend o caminho de cada um dos blocos utilizados na construção de uma páginaSistema -> Configurações -> DesenvolvedorATENÇÃO! Essa função só está disponível quando as configurações são definidas em nível de visão de loja

26. Requisitos para um profissional Magento

27. Possibilidades de carreira

28. Como posso estudar Magento?Comunidade Magento – comunidademagento.com.brfórum do Mario Sam – escolamagento.comscreencasts e tutoriaisTwitter oficial do Magento - @magentocomunidade e fóruns do Magentocanal do Magento no Youtubewebinars e workshopslivro em português – “Magento – Guia Definitivo” – Novateclivros importados – faça uma busca na Amazon

29. Estudando temas em MagentoMagento Design Guide, disponível para download em PDF, no site oficial do MagentoMagento 1.4 Theming Cookbook, de Jose Argudo BlancoMagento 1.4 Themes Design, de Richard Carter

30. Hora das perguntas!André Gugliottiandre@gugliotti.com.brwww.andregugliotti.com.br@AndreGugliotti