Conexão – Workshop sobre Magento
APRESENTAÇÃO Adriano Aguiar Web Developer – NOIX Internet NOIX INTERNET: No mercado desde 2002. Especialistas Joomla. Magento Community Partner Brasil. Primeira vez no Rio de Janeiro!
POR QUE O MAGENTO ? Quando falamos de ferramenta open-source, consideramos a comunidade uma  peça fundamental para seu sucesso! Mais de 60 Idiomas Mais de 137 mil membros na comunidade Mais de 1 milhão e meio de downloads Mais de 1300 Connect Extensions Mais de 1 bilhão de Transações Online
POR QUE O MAGENTO ? Janeiro 2007:  Desenvolvimento do Magento Iniciado utilizando o Zend Framework,  criado a equipe principal (core team). Agosto de 2007:  Magento Beta liberado (Primeira Publicação) Março 2008:  Magento 1.0 Liberado Julho 2008:  Magento 1.1 Liberado Setembro 2008:  Magento 1.1.6 Liberado Outubro 2008:  Magento 1.1.7 Liberado Novembro 2008:  Magento 1.1.8 Liberado (Versão bastante estável) Dezembro 2008:  Magento 1.2.0 Liberado Janeiro 2009:  Magento 1.2.0.1, 1.2.0.2 e 1.2.0.3 Liberado.
O QUE UTILIZA? PHP 5.2 MySQL 4.1.2 ou superior Varien Framework Zend Framework Mais de 1000 páginas no guia de referência. Mais de 500 exemplos no guia de referência. Supera os 6 milhões de pontos no Google. Mais de 900 pontos atualmente no Technorati. Mais de 120 projeto Zend Framework no SourceForge. Mais de 120 projetos Zend Framework no SourceForge. Mais de 280 projetos Zend Framework no Google Code. Cases:  Fox Interactive Media, Varien, Indianapolis Motor Speedway, Right  Media, IBM Software Group, bwin Games AB.  Api's:  Google, Amazon, Yahoo!, Flickr Parceiros:  Adobe, Google, SitePen, Microsoft, Nirvanix, Strikelron
Escolha do Framework Antes do Magento, utilizava-se o  PHP4  para os projetos internos da Varien. Problemas: Nas especificações dos critérios de contratação quando se trata de desenvolvedores. Longo processo de treinamento devido à falta de documentação e materiais de  treinamento. Nas atividades colaborativas da Varien com outras empresas em grandes projetos. Na manutenção e no suporte ao Framework Varien sem uma grande comunidade, tanto na alocação de recursos sem o respaldo e apoio de um “grande coletivo”. Muitos estilos diferentes de codificação.
Escolha do Framework Não é fácil fazer essa escolha!
Escolha do Framework Então, por que o Zend Framework? Existe sociedade comercial por trás disso. Um roteiro claro e transparência. Apoio generalizado da comunidade. Um manancial de documentação e treinamento. Podem mudar como quiserem a arquitetura. Licenciamento (New BSD)
CONQUISTAS Aqui deve ficar as premiações, todas as matérias e eventos
CRESCIMENTO 2004 – 2009 E-commerce Open Source
CRESCIMENTO 2009 - Magento Liderando!
QUEM UTILIZA
VAMOS COMEÇAR! Instalação e Configuração Entendendo o Magento Recursos Front-end e Back-end Magento Múltiplas Lojas Magento Design Magento Módulos Magento EAV (Entity-Attribute-Value) Magento
1. INSTALAÇÃO E CONFIGURAÇÃO Apache MySQL Xampp 1.7.1 Magento
Apache LoadModuleauthz_host_module modules/mod_authz_host.so LoadModuleexpires_module modules/mod_expires.so LoadModuledeflate_module modules/mod_deflate.so LoadModulemime_module modules/mod_mime.so LoadModuledir_module modules/mod_dir.so LoadModulerewrite_module modules/mod_rewrite.so LoadModulelog_config_module modules/mod_log_config.so
MySQL max_connections = 1000 max_connect_errors = 10 table_cache = 1024 max_allowed_packet = 16M max_heap_table_size = 64M sort_buffer_size = 8M join_buffer_size = 8M thread_cache_size = 8 thread_concurrency = 8 query_cache_size = 64M query_cache_limit = 2M
MySQL tmp_table_size = 64M key_buffer_size = 32M read_buffer_size = 2M read_rnd_buffer_size = 16M bulk_insert_buffer_size = 64M innodb_additional_mem_pool_size = 16M innodb_log_buffer_size = 8M innodb_log_file_size = 512M innodb_log_files_in_group = 2 innodb_buffer_pool_size = 3G innodb_data_file_path =
PHP 5.2 extension=bcmath.so extension=curl.so extension=dom.so extension=gd.so extension=mcrypt.so extension=memcache.so extension=mhash.so extension=pdo.so extension=pdo_mysql.so
PHP 5.2 ;extension=dbase.so ;extension=json.so ;extension=mysqli.so ;extension=mysql.so ;extension=pdo_sqlite.so ;extension=sqlite.so ;extension=wddx.so ;extension=xmlreader.so ;extension=xmlwriter.so ;extension=xsl.so ;extension=zip.so
PHP 5.2 extension=apc.so apc.shm_size=256 apc.num_files_hint=10000 apc.user_entries_hint=10000 apc.max_file_size=5M # eAccelerator configuration specifics if it is used zend_extension="/usr/lib64/php/modules/eaccelerator.so" eaccelerator.shm_size = "256"
2. ENTENDENDO O MAGENTO Conceito Características Vantagens Desvantagens Especificações
Conceito Software de Comércio Eletrônico flexível e escalável, considerado pelos especialistas PHP uma ferramenta  da 3º geração na Web!
Conceito Um histórico comparativo das aplicações PHP
Conceito Aplicações PHP na Primeira Geração Um desenvolvedor Alguns usuários Procedural Sem uso de Framework Sem testes e sem testes unitários Motivações: Pura emoção pelo PHP Resolver problemas imediatos do desenvolvimento.
Conceito Anatomia da primeira geração Presentation Application Control Database Access Business Logic Presentation Application Control Business Logic Presentation
Conceito Exemplos Páginas Caseiras por volta de 1998
Conceito Aplicações PHP da Geração Atual
Conceito Anatomia da segunda geração: index.php3 index.php3
Conceito Anatomia da segunda geração: index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3
Conceito Anatomia da segunda geração: index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php
Conceito Anatomia da segunda geração: Oct 28, 2009   |     | index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3
Conceito Exemplos:
Conceito Na Próxima Geração: A Bunch of Developers Comunidade com capacidade técnica alta. PHP5 e totalmente orientado a objeto. Modular Construido sobre Frameworks MVC Testes Unitários Motivações: Pura emoção pelo PHP Resolver problemas complexos Ótimo retorno financeiro
 
3. RECURSOS BACK-END MAGENTO Vendas (Sales) Catálogo (Catalog) Clientes (Customers) Promoções (Promotions) Newsletter CMS Relatórios (Reports) Sistema (System)
3. RECURSOS BACK-END MAGENTO Vendas (Sales) Pedidos Faturas Envios Memorandos de crédito Termos e condições Imposto
3. RECURSOS BACK-END MAGENTO OBJETIVO: Vendas (Sales) Verificar os Pedidos Faturar os Faturas Postar os Envios
4. RECURSOS FRONT-END MAGENTO Catálogo (Catalog) Gerenciar Produtos Gerenciar Categorias Atributos Gerenciamento de Urlrewrite Buscar Opiniões e avaliações Tags Base do Google Mapa do site do google
4. RECURSOS FRONT-END MAGENTO OBJETIVO: Catálogo (Catalog) Criar Produtos Criar Categorias Personalizar Atributos Gerenciar Opiniões e avaliações Gerenciar Tags
4. RECURSOS FRONT-END MAGENTO Clientes (Customers) Gerenciar clientes Grupo de clientes Clientes online
4. RECURSOS FRONT-END MAGENTO OBJETIVO: Clientes (Customers) Criar Clientes Personalizar Grupo de clientes Analisar Clientes online
4. RECURSOS FRONT-END MAGENTO Promoções (Promotions) Regras de preço do catálogo Regras de preço do carrinho de compras
4. RECURSOS FRONT-END MAGENTO Newsletter Modelos de Boletim Informativo Fila do Boletim Informativo Assinantes do Boletim Informativo Relatórios de problemas do Boletim Informativo
4. RECURSOS FRONT-END MAGENTO CMS Gerenciar páginas Blocos estáticos Gerenciador de pesquisa
4. RECURSOS FRONT-END MAGENTO Relatórios (Reports) Vendas Carrinho de Compras Produtos Clientes Opiniões Tags Termos de Busca
4. RECURSOS FRONT-END MAGENTO Sistema (System)
5. MÚLTIPLAS LOJAS MAGENTO
5. MÚLTIPLAS LOJAS MAGENTO Conceito Gerenciando múltiplas lojas Especificações
6. DESIGN MAGENTO Padrão do fluxo de desenvolvimento Preparando ambiente de trabalho Desabilitar o controle de cache Habilitar templates path hint (Debug) Habilitar translate inline (Debug) Configurar novo thema e estrutura de arquivos Entendo layout Introdução de block
6. DESIGN MAGENTO Padrão do Fluxo de Desenvolvimento
6. DESIGN MAGENTO Preparando Ambiente de Trabalho Desabilitar o controle de cache
6. DESIGN MAGENTO Preparando Ambiente de Trabalho Habilitar templates path hint (Debug)
6. DESIGN MAGENTO Preparando Ambiente de Trabalho Habilitar translate inline (Debug)
6. DESIGN MAGENTO Preparando Ambiente de Trabalho Configurar novo thema e estrutura de arquivos
6. DESIGN MAGENTO Entendo Layout
6. DESIGN MAGENTO Layout - Regras de Prioridade loja (category, product) loja (store view) loja theme (global) default theme Highest Higher Lower Lowest
6. DESIGN MAGENTO Thema – Organização de Pacotes Layouts :  Arquivos XML, definição das estruturas de bloco (module layout), onde você define as referências e organizações de blocos do thema. Templates :  Arquivos phtml, apresentação dos recursos magento. Locale:  Arquivos de tradução no formato .csv Skins :  css, images, javascript do thema.
6. DESIGN MAGENTO Thema – Estrutura de Arquivos Conceito css images js layout template locale skin app Loja theme
6. DESIGN MAGENTO Introdução de block
6. DESIGN MAGENTO Block são boxes (ou qualquer forma) para chamada de módulos. Temos dois tipos: Structural block : assign visual structure to a store page  (header, left column, main column and footer…).  Content block : the actual content inside each structural block.  *Nota: Blocos Estáticos são usadas em páginas do cms.
6. DESIGN MAGENTO Nomeclatura dos eventos /atributos nos Blocos: type:   O identificador do módulo que define a funcionalidade do bloco.  Este atributo não deve ser modificado. name :  O nome do bloco, também serve para outros blocos fazerem  referência a este bloco. before  /  after :  definem a posição de um bloco de conteúdo dentro de  um bloco estrutural template:  Este atributo determina o template que irá representar a  funcionalidade do bloco em que este atributo é atribuído. action:   Isto é usado para controle de loja de funcionalidades frente,  como carga ou descarga de um Javascript. as:   Este é o nome pelo qual um template chama o bloco em que este  atributo é atribuído. Quando você vê o getChildHtml ( ‘block_name’)  chamado a partir de um template, você pode ter certeza de que está se  referindo ao bloco cujo atributo "as“ é atribuído o nome 'block_name'.
6. DESIGN MAGENTO CMS Magento e Blocos Estáticos Página CMS CMS páginas são para home page e páginas estáticas que não estão incluídas nos catálogos.  Bloco Estático Blocos estáticos são muito flexíveis, que podem ser as páginas de destino, mas também para o código HTML personalizado que pode colocar em qualquer lugar da página. CMS – Content Management System
7. MÓDULOS MAGENTO Conceito Instalação Gerenciamento Magento Connect PagSeguro CobreDireto
8. EAV (Entity-Attribute-Value) Magento Conceito Estrutura dos dados Caso de uso
Twitter.com/adrianoaguiar Del.icio.us/adrianoaguiar [email_address] http://www.facebook.com/home.php?#/profile.php?id=1543002458&ref=profile

Arteccom Workshop Magento

  • 1.
    Conexão – Workshopsobre Magento
  • 2.
    APRESENTAÇÃO Adriano AguiarWeb Developer – NOIX Internet NOIX INTERNET: No mercado desde 2002. Especialistas Joomla. Magento Community Partner Brasil. Primeira vez no Rio de Janeiro!
  • 3.
    POR QUE OMAGENTO ? Quando falamos de ferramenta open-source, consideramos a comunidade uma peça fundamental para seu sucesso! Mais de 60 Idiomas Mais de 137 mil membros na comunidade Mais de 1 milhão e meio de downloads Mais de 1300 Connect Extensions Mais de 1 bilhão de Transações Online
  • 4.
    POR QUE OMAGENTO ? Janeiro 2007: Desenvolvimento do Magento Iniciado utilizando o Zend Framework, criado a equipe principal (core team). Agosto de 2007: Magento Beta liberado (Primeira Publicação) Março 2008: Magento 1.0 Liberado Julho 2008: Magento 1.1 Liberado Setembro 2008: Magento 1.1.6 Liberado Outubro 2008: Magento 1.1.7 Liberado Novembro 2008: Magento 1.1.8 Liberado (Versão bastante estável) Dezembro 2008: Magento 1.2.0 Liberado Janeiro 2009: Magento 1.2.0.1, 1.2.0.2 e 1.2.0.3 Liberado.
  • 5.
    O QUE UTILIZA?PHP 5.2 MySQL 4.1.2 ou superior Varien Framework Zend Framework Mais de 1000 páginas no guia de referência. Mais de 500 exemplos no guia de referência. Supera os 6 milhões de pontos no Google. Mais de 900 pontos atualmente no Technorati. Mais de 120 projeto Zend Framework no SourceForge. Mais de 120 projetos Zend Framework no SourceForge. Mais de 280 projetos Zend Framework no Google Code. Cases: Fox Interactive Media, Varien, Indianapolis Motor Speedway, Right Media, IBM Software Group, bwin Games AB. Api's: Google, Amazon, Yahoo!, Flickr Parceiros: Adobe, Google, SitePen, Microsoft, Nirvanix, Strikelron
  • 6.
    Escolha do FrameworkAntes do Magento, utilizava-se o PHP4 para os projetos internos da Varien. Problemas: Nas especificações dos critérios de contratação quando se trata de desenvolvedores. Longo processo de treinamento devido à falta de documentação e materiais de treinamento. Nas atividades colaborativas da Varien com outras empresas em grandes projetos. Na manutenção e no suporte ao Framework Varien sem uma grande comunidade, tanto na alocação de recursos sem o respaldo e apoio de um “grande coletivo”. Muitos estilos diferentes de codificação.
  • 7.
    Escolha do FrameworkNão é fácil fazer essa escolha!
  • 8.
    Escolha do FrameworkEntão, por que o Zend Framework? Existe sociedade comercial por trás disso. Um roteiro claro e transparência. Apoio generalizado da comunidade. Um manancial de documentação e treinamento. Podem mudar como quiserem a arquitetura. Licenciamento (New BSD)
  • 9.
    CONQUISTAS Aqui deveficar as premiações, todas as matérias e eventos
  • 10.
    CRESCIMENTO 2004 –2009 E-commerce Open Source
  • 11.
    CRESCIMENTO 2009 -Magento Liderando!
  • 12.
  • 13.
    VAMOS COMEÇAR! Instalaçãoe Configuração Entendendo o Magento Recursos Front-end e Back-end Magento Múltiplas Lojas Magento Design Magento Módulos Magento EAV (Entity-Attribute-Value) Magento
  • 14.
    1. INSTALAÇÃO ECONFIGURAÇÃO Apache MySQL Xampp 1.7.1 Magento
  • 15.
    Apache LoadModuleauthz_host_module modules/mod_authz_host.soLoadModuleexpires_module modules/mod_expires.so LoadModuledeflate_module modules/mod_deflate.so LoadModulemime_module modules/mod_mime.so LoadModuledir_module modules/mod_dir.so LoadModulerewrite_module modules/mod_rewrite.so LoadModulelog_config_module modules/mod_log_config.so
  • 16.
    MySQL max_connections =1000 max_connect_errors = 10 table_cache = 1024 max_allowed_packet = 16M max_heap_table_size = 64M sort_buffer_size = 8M join_buffer_size = 8M thread_cache_size = 8 thread_concurrency = 8 query_cache_size = 64M query_cache_limit = 2M
  • 17.
    MySQL tmp_table_size =64M key_buffer_size = 32M read_buffer_size = 2M read_rnd_buffer_size = 16M bulk_insert_buffer_size = 64M innodb_additional_mem_pool_size = 16M innodb_log_buffer_size = 8M innodb_log_file_size = 512M innodb_log_files_in_group = 2 innodb_buffer_pool_size = 3G innodb_data_file_path =
  • 18.
    PHP 5.2 extension=bcmath.soextension=curl.so extension=dom.so extension=gd.so extension=mcrypt.so extension=memcache.so extension=mhash.so extension=pdo.so extension=pdo_mysql.so
  • 19.
    PHP 5.2 ;extension=dbase.so;extension=json.so ;extension=mysqli.so ;extension=mysql.so ;extension=pdo_sqlite.so ;extension=sqlite.so ;extension=wddx.so ;extension=xmlreader.so ;extension=xmlwriter.so ;extension=xsl.so ;extension=zip.so
  • 20.
    PHP 5.2 extension=apc.soapc.shm_size=256 apc.num_files_hint=10000 apc.user_entries_hint=10000 apc.max_file_size=5M # eAccelerator configuration specifics if it is used zend_extension="/usr/lib64/php/modules/eaccelerator.so" eaccelerator.shm_size = "256"
  • 21.
    2. ENTENDENDO OMAGENTO Conceito Características Vantagens Desvantagens Especificações
  • 22.
    Conceito Software deComércio Eletrônico flexível e escalável, considerado pelos especialistas PHP uma ferramenta da 3º geração na Web!
  • 23.
    Conceito Um históricocomparativo das aplicações PHP
  • 24.
    Conceito Aplicações PHPna Primeira Geração Um desenvolvedor Alguns usuários Procedural Sem uso de Framework Sem testes e sem testes unitários Motivações: Pura emoção pelo PHP Resolver problemas imediatos do desenvolvimento.
  • 25.
    Conceito Anatomia daprimeira geração Presentation Application Control Database Access Business Logic Presentation Application Control Business Logic Presentation
  • 26.
    Conceito Exemplos PáginasCaseiras por volta de 1998
  • 27.
    Conceito Aplicações PHPda Geração Atual
  • 28.
    Conceito Anatomia dasegunda geração: index.php3 index.php3
  • 29.
    Conceito Anatomia dasegunda geração: index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3
  • 30.
    Conceito Anatomia dasegunda geração: index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php
  • 31.
    Conceito Anatomia dasegunda geração: Oct 28, 2009 | | index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3 index.php3
  • 32.
  • 33.
    Conceito Na PróximaGeração: A Bunch of Developers Comunidade com capacidade técnica alta. PHP5 e totalmente orientado a objeto. Modular Construido sobre Frameworks MVC Testes Unitários Motivações: Pura emoção pelo PHP Resolver problemas complexos Ótimo retorno financeiro
  • 34.
  • 35.
    3. RECURSOS BACK-ENDMAGENTO Vendas (Sales) Catálogo (Catalog) Clientes (Customers) Promoções (Promotions) Newsletter CMS Relatórios (Reports) Sistema (System)
  • 36.
    3. RECURSOS BACK-ENDMAGENTO Vendas (Sales) Pedidos Faturas Envios Memorandos de crédito Termos e condições Imposto
  • 37.
    3. RECURSOS BACK-ENDMAGENTO OBJETIVO: Vendas (Sales) Verificar os Pedidos Faturar os Faturas Postar os Envios
  • 38.
    4. RECURSOS FRONT-ENDMAGENTO Catálogo (Catalog) Gerenciar Produtos Gerenciar Categorias Atributos Gerenciamento de Urlrewrite Buscar Opiniões e avaliações Tags Base do Google Mapa do site do google
  • 39.
    4. RECURSOS FRONT-ENDMAGENTO OBJETIVO: Catálogo (Catalog) Criar Produtos Criar Categorias Personalizar Atributos Gerenciar Opiniões e avaliações Gerenciar Tags
  • 40.
    4. RECURSOS FRONT-ENDMAGENTO Clientes (Customers) Gerenciar clientes Grupo de clientes Clientes online
  • 41.
    4. RECURSOS FRONT-ENDMAGENTO OBJETIVO: Clientes (Customers) Criar Clientes Personalizar Grupo de clientes Analisar Clientes online
  • 42.
    4. RECURSOS FRONT-ENDMAGENTO Promoções (Promotions) Regras de preço do catálogo Regras de preço do carrinho de compras
  • 43.
    4. RECURSOS FRONT-ENDMAGENTO Newsletter Modelos de Boletim Informativo Fila do Boletim Informativo Assinantes do Boletim Informativo Relatórios de problemas do Boletim Informativo
  • 44.
    4. RECURSOS FRONT-ENDMAGENTO CMS Gerenciar páginas Blocos estáticos Gerenciador de pesquisa
  • 45.
    4. RECURSOS FRONT-ENDMAGENTO Relatórios (Reports) Vendas Carrinho de Compras Produtos Clientes Opiniões Tags Termos de Busca
  • 46.
    4. RECURSOS FRONT-ENDMAGENTO Sistema (System)
  • 47.
  • 48.
    5. MÚLTIPLAS LOJASMAGENTO Conceito Gerenciando múltiplas lojas Especificações
  • 49.
    6. DESIGN MAGENTOPadrão do fluxo de desenvolvimento Preparando ambiente de trabalho Desabilitar o controle de cache Habilitar templates path hint (Debug) Habilitar translate inline (Debug) Configurar novo thema e estrutura de arquivos Entendo layout Introdução de block
  • 50.
    6. DESIGN MAGENTOPadrão do Fluxo de Desenvolvimento
  • 51.
    6. DESIGN MAGENTOPreparando Ambiente de Trabalho Desabilitar o controle de cache
  • 52.
    6. DESIGN MAGENTOPreparando Ambiente de Trabalho Habilitar templates path hint (Debug)
  • 53.
    6. DESIGN MAGENTOPreparando Ambiente de Trabalho Habilitar translate inline (Debug)
  • 54.
    6. DESIGN MAGENTOPreparando Ambiente de Trabalho Configurar novo thema e estrutura de arquivos
  • 55.
    6. DESIGN MAGENTOEntendo Layout
  • 56.
    6. DESIGN MAGENTOLayout - Regras de Prioridade loja (category, product) loja (store view) loja theme (global) default theme Highest Higher Lower Lowest
  • 57.
    6. DESIGN MAGENTOThema – Organização de Pacotes Layouts : Arquivos XML, definição das estruturas de bloco (module layout), onde você define as referências e organizações de blocos do thema. Templates : Arquivos phtml, apresentação dos recursos magento. Locale: Arquivos de tradução no formato .csv Skins : css, images, javascript do thema.
  • 58.
    6. DESIGN MAGENTOThema – Estrutura de Arquivos Conceito css images js layout template locale skin app Loja theme
  • 59.
    6. DESIGN MAGENTOIntrodução de block
  • 60.
    6. DESIGN MAGENTOBlock são boxes (ou qualquer forma) para chamada de módulos. Temos dois tipos: Structural block : assign visual structure to a store page (header, left column, main column and footer…). Content block : the actual content inside each structural block. *Nota: Blocos Estáticos são usadas em páginas do cms.
  • 61.
    6. DESIGN MAGENTONomeclatura dos eventos /atributos nos Blocos: type: O identificador do módulo que define a funcionalidade do bloco. Este atributo não deve ser modificado. name : O nome do bloco, também serve para outros blocos fazerem referência a este bloco. before / after : definem a posição de um bloco de conteúdo dentro de um bloco estrutural template: Este atributo determina o template que irá representar a funcionalidade do bloco em que este atributo é atribuído. action: Isto é usado para controle de loja de funcionalidades frente, como carga ou descarga de um Javascript. as: Este é o nome pelo qual um template chama o bloco em que este atributo é atribuído. Quando você vê o getChildHtml ( ‘block_name’) chamado a partir de um template, você pode ter certeza de que está se referindo ao bloco cujo atributo "as“ é atribuído o nome 'block_name'.
  • 62.
    6. DESIGN MAGENTOCMS Magento e Blocos Estáticos Página CMS CMS páginas são para home page e páginas estáticas que não estão incluídas nos catálogos. Bloco Estático Blocos estáticos são muito flexíveis, que podem ser as páginas de destino, mas também para o código HTML personalizado que pode colocar em qualquer lugar da página. CMS – Content Management System
  • 63.
    7. MÓDULOS MAGENTOConceito Instalação Gerenciamento Magento Connect PagSeguro CobreDireto
  • 64.
    8. EAV (Entity-Attribute-Value)Magento Conceito Estrutura dos dados Caso de uso
  • 65.
    Twitter.com/adrianoaguiar Del.icio.us/adrianoaguiar [email_address]http://www.facebook.com/home.php?#/profile.php?id=1543002458&ref=profile