1. Marcio Maciel & Vanessa Me Tonini
Boas práticas para
desenvolvimento de temas
para Magento

2. O que é o tema de
um e-commerce?

3. Fonte: http://kollekt.com.br/

4. Por que se preocupar
com as boas práticas?

5. Qualidade + Agilidade =
Alta produtividade

6. Por onde começar?

7. Por onde começar?
• Conheça a plataforma;
• Qualifique sua Equipe:
• Especialistas: backend, frontend, web designer
• Crie padrões para evitar o re-trabalho

8. Quem são os nossos guias?

11. Sistema de templates
Magento

12. Pacote de temas
• Base
• Default
• Variações de temas
Cuidado com a edição do pacote “base”!

13. Pacote de temas

14. Pacote de temas
Crie seu próprio pacote!

15. Blocos de layout
• Blocos estruturais
• Blocos de conteúdo
• Layout

16. Arquitetura de arquivos
• app/design • skin

17. Juntos montam:
Blocos
estruturais

18. Juntos montam:
Blocos
estruturais
Blocos de
conteúdo

19. Outros recursos de template /
conteúdo
• Blocos estáticos
• Widgets
• Páginas CMS
• Links
• Conteúdo html gerado por blocos

20. Configurações do tema no
backend
• Sistema > Design
• Sistema > Configuração > Design
• Multi-views

21. Sistema de Cache
• Desabilite durante o desenvolvimento
• SEMPRE mantenha habilitado na loja
em produção

22. Sistema de Cache
Imagem: http://gurumagento.com

23. Extensões para Magento

24. Extensões para Magento
• Instale as extensões antes de iniciar o
desenvolvimento
• Cuidado com os arquivos de template de
extensões
• Desenvolva suas próprias extensões

25. Otimizações
• Cuidado com programação dentro de
arquivos de template
• Otimize seu HTML
• Padrões xHTML e CSS
• CSS Sprites
• Crossbrowser
• Utilização de Flash

26. Otimizações
• Cache Opcode

27. Extras
• Licença Magento
• Hospedagem

28. Obrigado!
mmsweb.com.br
vanessametonini.com.br