&

do zip até a loja

Oficina:

ObjetivosOficina: Joomla! & VirtueMart do zip até a loja

Experienciar todos os passos que são necessários para a implantação de uma loja usando Joomla! e VirtueMart.

Conhecer e operar ambientes práticos e atuais para o desenvolvimento offline de projetos com Joomla!.

Familiarizar-se com as características do VirtueMart e entender os detalhes de sua configuração.

Disponibilizar um pacote excelente para desenvolvimento offline.

Ambientes de desenvolvimento offlineOficina: Joomla! & VirtueMart do zip até a loja

Há vários ambientes bons para desenvolvimento offline:

➢XAMPP - Apache, PHP, MySQL e Perl (multi-plataforma)(http://www.apachefriends.org/pt_br/xampp.html)

➢WAMP - Windows, Apache, PHP5 e MySQL

➢LAMP - Linux, Apache, PHP5 e MySQL

➢MAMP - Macintosh, Apache, Mysql and PHP(http://www.mamp.info)

➢MOWES - Ambiente flexível num pendrive ou pasta (sem instalação)(http://www.chsoftware.net/en/mowes/mowesportable/mowes.htm)

Nossas Fontes(use sempre a versão mais recente disponível)

Oficina: Joomla! & VirtueMart do zip até a loja

✔Joomla! 1.5➔ http://www.joomla.org

✔VirtueMart 1.1➔ http://www.virtuemart.net

✔Tradução Oficial do Joomla! 1.5➔ http://www.fernandosoares.com.br/index.php?option=com_docman&task=doc_details&gid=39&Itemid=28

✔Tradução Oficial do VirtueMart 1.1➔ http://www.fernandosoares.com.br/index.php?option=com_docman&task=doc_details&gid=33&Itemid=28

✔MOWES Portable➔ http://www.chsoftware.net/en/mowes/mowesportable/mowes.htm

Tudo em um pacoteOficina: Joomla! & VirtueMart do zip até a loja

Para facilitar nosso trabalho tomei o cuidado de preparar um pacote completo com todos os arquivos necessários para nosso trabalho.

Façam o download do pacote no endereço abaixo:

http://dl.dropbox.com/u/12043852/jdbr11_server.zip

Como vamos trabalhar com o MOWES o processo fica fácil! Basta descompactar o pacote zipado para uma pasta “SERVER” seu micro.

O pacote do MOWESOficina: Joomla! & VirtueMart do zip até a loja

No pacote do MOWES com o qual vamos trabalhar teremos os seguintes componentes:

➔Apache2 (Version 2.2.11)➔ImageMagick (Version 4.2.9)➔MySQL5 (Version 5.5.8)➔PHP52 (Version 5.2.17)➔PHPMyAdmin (Version 3.3.9)

Você poderá escolher os pacotes no site do MOWES e montar um ambiente adequado para suas necessidades...

Rodando o MOWES......e iniciando nosso projeto!

Oficina: Joomla! & VirtueMart do zip até a loja

Para por nosso ambiente para rodar precisamos acionar o aplicativo “mowes.exe” na pasta “SERVER”.

Na pasta “SERVER” o nosso ponto de partida do ambiente será a pasta “www” (a raiz). É nela que vamos criar nossos projetos.

Já temos duas pastas dentro do “www”:➔ start página inicial com informações➔ phpmyadmin gerenciador do banco de dados

Dentro da pasta “www” crie a pasta “loja”. (será a raiz)

Copie a instalação do Joomla! para lá

Criando o banco de dadosOficina: Joomla! & VirtueMart do zip até a loja

Vamos usar o phpMyAdmin nesta tarefa.

O usuário será sempre “root” e não haverá senha.

Nosso banco de dados terá o nome “loja” e não é necessário mudar nada.

http://localhost/phpmyadmin/

Instalação do Joomla!Oficina: Joomla! & VirtueMart do zip até a loja

Agora já temos o ambiente de trabalho, a pasta do projeto, os arquivos do Joomla! na pasta do projeto e o banco de dados!

Vamos proceder na instalação do Joomla! usando os dados que temos:➔ Nome do banco de dados: loja➔ Usuário do banco de dados: root➔ Senha do banco de dados: (deixar vazio)

IMPORTANTE: Vamos remover(recomendado) ou renomear a pasta “installation”.

Joomla! instalado, agora vamos acessar a administração e instalar os pacotes de idioma pt_BR do Joomla! 1.5.

Instalação do VirtueMartOficina: Joomla! & VirtueMart do zip até a loja

Vamos instalar o VirtueMart usando os arquivos que estão na pasta “FONTES”...

Não vamos instalar o conteúdo de exemplo...

Configurar a LojaOficina: Joomla! & VirtueMart do zip até a loja

Ao cadastrar os produtos...Oficina: Joomla! & VirtueMart do zip até a loja

Procure definir uma descrição curta para cada produto;

Ao inserir as imagens procure definir um tamanho padrão para as mesmas;

Verifique se todos os dados importantes estão corretamente preenchidos;

Escolha os nomes para que todos tenham a extensão parecida;

Utilize o campo de descrição longa para detalhar bem seu produto.

Produtos filhos...Oficina: Joomla! & VirtueMart do zip até a loja

1. Crie um produto como "Lista de compras" configure normalmente este produto;

2. Agora clique neste produto de modo a editá-lo;

3. Em cima haverá um botão "Adicionar Atributos"... clique nele;

4. Dê um nome para o atributo, por exemplo, "Itens da Lista" e salve (o campo de ordem não interessa agora);

5. Agora repita o passo 2 e em cima haverá um botão "Novo Item"... clique nele;

6. Será aberta uma tela para cadastro do Novo Item, que é quase igual ao cadastro de um produto;

...Produtos filhos...Oficina: Joomla! & VirtueMart do zip até a loja

7. Cadastre por exemplo "Caneta BIC vermelha" e defina os demais dados como em um produto normal, inclusive com a imagem e o preço, e salve

8. Volte para a listagem de produtos e verá que o produto em questão ("pai") vai ter um link "[ Informação do Item ]" ao lado do nome

9. Clique neste link "[ Informação do Item ]" e será apresentada a lista de produtos filhos... acrescente os demais produtos filhos (borracha, lápis, etc...)

10. Após acrescentar todos os itens, vá na listagem de produtos e edite o produto "pai"

...Produtos filhosOficina: Joomla! & VirtueMart do zip até a loja

11. Clique na aba "Mostrar Opções" e marque as seguintes opções:-Use a Caixa de Listagem para produtos criança-Mostar Descrição da Criança-Caixa Padrão de Quantidade-Um Botão Adicionar ao Carrinho

12. Defina em "Valores da Caixa Drop Down > Valor Inicial" a quantidade inicial que será exibida. Isso pode ser feito idividualmente para cada item filho.

13. Salve e verifique como fica no frontend

14. Nunca marque "Sobrepor Valores de Exibição de Produtos Criança e usar Pais" pois isso substituirá os valores dos "produtos filhos" pelo valor do "produto pai".

Corrigindo "BRL" para "R$"Oficina: Joomla! & VirtueMart do zip até a loja

Edite o arquivo "class_currency_display.php" que fica na pasta "/administrator/components/com_virtuemart/classes/currency".

Localize o código abaixo(lá pela linha 130) e acrescente a linha indicada...switch($this->symbol) {

case 'USD': $this->symbol='$';break;case 'EUR': $this->symbol='€';break;case 'GBP': $this->symbol='£';break;case 'JPY': $this->symbol='¥';break;case 'AUD': $this->symbol='AUD $';break;case 'CAD': $this->symbol='CAD $';break;case 'HKD': $this->symbol='HKD $';break;case 'NZD': $this->symbol='NZD $';break;case 'SGD': $this->symbol='SGD $';break;case 'BRL': $this->symbol='R$';break;

Feito isso você poderá notar na "manutenção de conta" que ao clicar em um pedido o símbolo de moeda "R$" já estará sendo exibido no lugar do "BRL".

Sucesso a Todos!!!

Oficina: Joomla! & VirtueMart do zip até a loja

● http://www.fernandosoares.com.br● Especialista em Joomla! e VirtueMart● Twitter: @fernando_soares● Skype: fsoarestec● E-mail: fsoares@fsoares.com.br● Palestras: http://www.slideshare.net/fernandosoares