André Gugliotti Novatec
Novatec Editora Ltda. 2014. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Revisão técnica: Márcio Oliveira e Fábio Rodrigues Revisão gramatical: Marta Almeida de Sá Editoração eletrônica: Carolina Kuwabata Capa: Carolina Kuwabata ISBN: 978-85-7522-396-3 Histórico de impressões: Fevereiro/2014 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos 110 02460-000 São Paulo, SP Brasil Tel.: +55 11 2959-6529 Fax: +55 11 2950-8869 Email: novatec@novatec.com.br Site: www.novatec.com.br Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec MP20140219
Sumário Agradecimentos...13 Prefácio...14 Capítulo 1 Magento Commerce...16 1.1 O que você verá neste capítulo...16 1.2 Desenvolvimento do Magento...16 1.3 Versões do Magento...19 1.4 Instalação do Magento...20 1.4.1 Instalação via Downloader... 21 1.4.2 Instalação via pacote completo...22 1.4.3 Instalação via SVN...22 1.4.4 Configurações do sistema...23 1.4.5 Dimensionamento do servidor...24 1.5 Modularidade do Magento...25 1.6 Magento Connect...26 1.7 Catálogo de produtos...28 1.8 Sumário...30 1.9 Testes...30 Capítulo 2 Estrutura de temas no Magento...31 2.1 O que você verá neste capítulo... 31 2.2 Funcionamento de um tema no Magento... 31 2.2.1 Modelo MVC...32 2.2.2 Múltiplos sites e múltiplas lojas...33 2.2.3 Hierarquia das configurações...38 2.3 Conceitos de temas no Magento...42 2.3.1 Tema Base/Default...43 2.3.2 Pacotes de design...45 2.3.3 Hierarquia dos temas... 46 7
8 Temas em Magento 2.4 Tipos de tema no Magento...48 2.4.1 Temas prontos básicos...49 2.4.2 Temas prontos pagos...50 2.4.3 Temas personalizados...52 2.5 Elementos que formam um tema...53 2.5.1 Template...54 2.5.2 Layout...54 2.5.3 Skin...55 2.5.4 Locale...55 2.6 Configuração do tema...55 2.6.1 Aplicando o tema em nível geral...56 2.6.2 Aplicando o tema apenas em uma página...58 2.7 Boas práticas na construção de temas...59 2.8 Sumário... 61 2.9 Testes... 61 2.10 Exercícios... 61 Capítulo 3 Skin...63 3.1 O que você verá neste capítulo...63 3.2 Conceituação...63 3.2.1 Elementos do Skin...64 3.2.2 Tableless...65 3.2.3 Encadeamento das classes...65 3.2.4 JavaScript... 71 3.3 Preparando o ambiente...72 3.4 Casos práticos...74 3.4.1 Alterar o background da página...74 3.4.2 Alterar o background e as cores dos links no cabeçalho...76 3.4.3 Alterar o título dos blocos...79 3.5 Sumário... 81 3.6 Testes... 81 3.7 Exercícios...82 Capítulo 4 Layout...83 4.1 O que você verá neste capítulo...83 4.2 Funcionamento do layout...83 4.2.1 Proprietários dos elementos...85 4.2.2 Blocos estruturais e blocos de conteúdo... 90 4.2.3 Esquemas estruturais...92 4.2.4 Dicas de caminhos do template...93
Sumário 9 4.3 Estrutura do XML...95 4.3.1 Funcionamento das tags... 96 4.3.2 Handles...98 4.4 Casos práticos...99 4.4.1 Alterando os links do Menu de Topo...100 4.4.2 Desligando blocos... 102 4.4.3 Alterando o esquema estrutural de uma página...104 4.4.4 Mudando blocos de posição...106 4.4.5 Inserindo uma caixa de login na coluna esquerda...109 4.4.6 Criando novos blocos de conteúdo...110 4.4.7 Posicionando o carrinho de compras no cabeçalho...112 4.5 Sumário...116 4.6 Testes...116 4.7 Exercícios...117 Capítulo 5 Template...118 5.1 O que você verá neste capítulo?...118 5.2 Construção dos arquivos de template...118 5.3 Estrutura de um arquivo de template... 122 5.3.1 Exemplo 1 o arquivo form.mini.phtml... 123 5.3.2 Exemplo 2 o arquivo list.phtml... 125 5.4 Casos práticos... 128 5.4.1 Exibição de bandeiras ao lado do nome da visão de loja... 129 5.4.2 Exibição de atributos na página de produto...131 5.4.3 Adicionando um segundo Menu de Topo... 132 5.4.4 Modificando a barra superior da página de categorias... 136 5.4.5 Inserindo um bloco de carrinho no topo... 140 5.5 Página de produtos no Magento... 146 5.7 Sumário... 148 5.8 Testes... 149 5.9 Exercícios... 149 Capítulo 6 Locale...150 6.1 O que você verá neste capítulo?... 150 6.2 Funcionamento das traduções no Magento... 150 6.3 Entradas de texto no Template... 153 6.4 O arquivo translate.csv... 156 6.5 Textos em imagens... 157 6.6 Boas práticas na inserção e tradução de termos... 159 6.7 Sumário...160
10 Temas em Magento 6.8 Testes...160 6.9 Exercícios...160 Capítulo 7 CMS...161 7.1 O que você verá neste capítulo?...161 7.2 Conceituação do CMS...161 7.3 Páginas... 162 7.3.1 Criando uma página... 163 7.3.2 Utilizando diferentes páginas em múltiplos websites...166 7.4 Blocos estáticos...168 7.4.1 Criando um bloco estático... 169 7.4.2 Utilizando diferentes blocos em múltiplos websites... 170 7.4.3 Inserindo um bloco estático em seu tema...171 7.5 Widgets... 172 7.6 Enquetes... 175 7.7 Sumário... 175 7.8 Testes... 175 7.9 Exercícios... 176 Apêndice A Roteiro simplificado para desenvolvimento de um tema...177 A.1 Construa um design pensando no Magento... 177 A.2 Divida o design em blocos e determine as funções necessárias... 178 A.3 Crie as pastas para o seu tema e o configure... 179 A.4 Posicione os blocos nos lugares adequados... 179 A.5 Modifique os templates onde for necessário... 180 A.6 Aplique o CSS... 180 A.7 Faça a tradução... 180 A.8 Teste seu tema em diferentes situações... 180 apêndice B Arquivos de Layout...181 apêndice C Sites úteis...184 Oficiais... 184 Páginas do autor... 184 Páginas no Brasil... 184 Páginas em inglês... 185 Lojas de temas para Magento... 185 JQuery... 185
Sumário 11 Apêndice D Respostas aos testes...186 Capítulo 1... 186 Capítulo 2... 188 Capítulo 3... 190 Capítulo 4...191 Capítulo 5... 193 Capítulo 6... 194 Capítulo 7... 196 Glossário...198 Bibliografia...205 Índice remissivo...206