Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Construindo layouts no Magento Commerce<br />ANDRÉ GUGLIOTTI<br />todos os direitos reservados<br />agosto/2011<br />
Sobre o palestrante<br />André Gugliotti<br />@AndreGugliotti<br />#Magento<br />formado em engenharia civil, em 2000, mas...
O que veremos nessa palestra?<br />
Entendendo o Magento<br />desenvolvido pela Varien – atual Magento Inc., empresa de software americana, baseado na platafo...
Versões do Magento<br />Magento Go<br />Magento Mobile<br />
Frontend ou Frente de Loja<br />
Estrutura de lojas<br />
Estrutura de lojas<br />
Estrutura de lojas<br />
Configuração em níveis<br />imagem: Magento Commerce Design Guide<br />
Temas personalizados<br />
Como montar um tema?<br />
Design Packages<br />imagem: Magento Commerce Design Guide<br />
Design Packages<br />tema Base/Default – tema padrão do Magento, contendo todo os arquivos necessários para o funcionament...
Hierarquia de temas Magento<br />my-theme/default				my-theme/variation-1<br />imagem: Magento Commerce Design Guide<br />
Hierarquia de temas Magento<br />imagem: Magento Commerce Design Guide<br />
Hierarquia de temas Magento<br />os arquivos são procurados na ordem inversa da importância dos temas<br />primeiro, na va...
Estrutura de um tema Magento<br />app/design/frontend<br />skin/frontend<br />
Elementos de um tema<br />
Elementos de um tema<br />
Estrutura de templates Magento<br />www.magentocommerce.com/design_guide<br />
Estrutura de templates Magento<br />www.magentocommerce.com/design_guide<br />
Tipos de blocos<br />
Boas práticas de temas<br />
Duas grandes dicas...<br />trabalhe com o Cache desabilitado ou suas alterações não serão exibidas imediatamente<br />Sist...
Requisitos para um profissional Magento<br />
Possibilidades de carreira<br />
Como posso estudar Magento?<br />Comunidade Magento – comunidademagento.com.br<br />fórum do Mario Sam – escolamagento.com...
Estudando temas em Magento<br />Magento Design Guide, disponível para download em PDF, no site oficial do Magento<br />Mag...
Hora das perguntas!<br />André Gugliotti<br />andre@gugliotti.com.br<br />www.andregugliotti.com.br<br />@AndreGugliotti<b...
Upcoming SlideShare
Loading in …5
×

Construindo Layouts com o Magento Commerce

A palestra "Construindo Layouts com o Magento Commerce" foi desenvolvida por André Gugliotti - www.andregugliotti.com.br - e apresenta os fundamentos para se desenvolver temas em Magento, preparando layouts que sigam as boas práticas de codificação e organização dos arquivos.

Construindo Layouts com o Magento Commerce

  1. 1. Construindo layouts no Magento Commerce<br />ANDRÉ GUGLIOTTI<br />todos os direitos reservados<br />agosto/2011<br />
  2. 2. Sobre o palestrante<br />André Gugliotti<br />@AndreGugliotti<br />#Magento<br />formado em engenharia civil, em 2000, mas atuando no mercado de web desde 2004<br />entre 2005 e 2010, com a marca Hydra Studio –focado em soluções de vendas pela internet, para o cliente final<br />profissional certificado Google Adwords, atuando como consultor em comércio eletrônico e marketing digital, voltado para empresas<br />
  3. 3. O que veremos nessa palestra?<br />
  4. 4. Entendendo o Magento<br />desenvolvido pela Varien – atual Magento Inc., empresa de software americana, baseado na plataforma Zend<br />lanç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<br />é a solução usada pelo Uolhost para sua plataforma de lojas virtuais e uma das mais presentes nas solicitações de profissionais<br />em 2011, o Ebay/PayPal adquiriu toda a companhia, para usar o código como base para o novo Open X Commerce<br />
  5. 5. Versões do Magento<br />Magento Go<br />Magento Mobile<br />
  6. 6. Frontend ou Frente de Loja<br />
  7. 7. Estrutura de lojas<br />
  8. 8. Estrutura de lojas<br />
  9. 9. Estrutura de lojas<br />
  10. 10. Configuração em níveis<br />imagem: Magento Commerce Design Guide<br />
  11. 11. Temas personalizados<br />
  12. 12. Como montar um tema?<br />
  13. 13. Design Packages<br />imagem: Magento Commerce Design Guide<br />
  14. 14. Design Packages<br />tema Base/Default – tema padrão do Magento, contendo todo os arquivos necessários para o funcionamento da loja<br />tema Package 1/Default – tema que contém os arquivos necessários ao funcionamento do tema personalizado<br />temas Package 1/Variations – tema que contém os arquivos para o funcionamento dos temas sazonais<br />
  15. 15. Hierarquia de temas Magento<br />my-theme/default my-theme/variation-1<br />imagem: Magento Commerce Design Guide<br />
  16. 16. Hierarquia de temas Magento<br />imagem: Magento Commerce Design Guide<br />
  17. 17. Hierarquia de temas Magento<br />os arquivos são procurados na ordem inversa da importância dos temas<br />primeiro, na variação mais específica de um Design Package<br />depois, na variação default do Design Package<br />e por último, todos os arquivos não encontrados até aqui serão carregados a partir do tema Padrão<br />
  18. 18. Estrutura de um tema Magento<br />app/design/frontend<br />skin/frontend<br />
  19. 19. Elementos de um tema<br />
  20. 20. Elementos de um tema<br />
  21. 21. Estrutura de templates Magento<br />www.magentocommerce.com/design_guide<br />
  22. 22. Estrutura de templates Magento<br />www.magentocommerce.com/design_guide<br />
  23. 23. Tipos de blocos<br />
  24. 24. Boas práticas de temas<br />
  25. 25. Duas grandes dicas...<br />trabalhe com o Cache desabilitado ou suas alterações não serão exibidas imediatamente<br />Sistema -> Gerenciamento de Cache<br />utilize o Template Path Hints, ferramenta que exibe no frontend o caminho de cada um dos blocos utilizados na construção de uma página<br />Sistema -> Configurações -> Desenvolvedor<br />ATENÇÃO! Essa função só está disponível quando as configurações são definidas em nível de visão de loja<br />
  26. 26. Requisitos para um profissional Magento<br />
  27. 27. Possibilidades de carreira<br />
  28. 28. Como posso estudar Magento?<br />Comunidade Magento – comunidademagento.com.br<br />fórum do Mario Sam – escolamagento.com<br />screencasts e tutoriais<br />Twitter oficial do Magento - @magento<br />comunidade e fóruns do Magento<br />canal do Magento no Youtube<br />webinars e workshops<br />livro em português – “Magento – Guia Definitivo” – Novatec<br />livros importados – faça uma busca na Amazon<br />
  29. 29. Estudando temas em Magento<br />Magento Design Guide, disponível para download em PDF, no site oficial do Magento<br />Magento 1.4 Theming Cookbook, de Jose Argudo Blanco<br />Magento 1.4 Themes Design, de Richard Carter<br />
  30. 30. Hora das perguntas!<br />André Gugliotti<br />andre@gugliotti.com.br<br />www.andregugliotti.com.br<br />@AndreGugliotti<br />

    Be the first to comment

    Login to see the comments

  • aleborba

    Aug. 31, 2011
  • jmmadruga

    Sep. 2, 2011
  • adrianocaramello

    Oct. 4, 2011
  • mckummer

    Jun. 26, 2012
  • myatech1

    Nov. 19, 2012
  • FabricioGori

    Sep. 4, 2013
  • josimar_camargo

    Sep. 5, 2013
  • roneichiarandi

    Oct. 21, 2013
  • ajrebelo

    Dec. 4, 2013
  • grupomkt

    Jan. 17, 2014
  • GrazyCarol

    Sep. 29, 2014
  • thimen

    Oct. 3, 2014
  • batistapab

    Jun. 11, 2016

A palestra "Construindo Layouts com o Magento Commerce" foi desenvolvida por André Gugliotti - www.andregugliotti.com.br - e apresenta os fundamentos para se desenvolver temas em Magento, preparando layouts que sigam as boas práticas de codificação e organização dos arquivos.

Views

Total views

14,889

On Slideshare

0

From embeds

0

Number of embeds

1,610

Actions

Downloads

470

Shares

0

Comments

0

Likes

13

×