Sem Virtuemart, apenas Joomla
Criando uma pequena loja virtual somente com o Joomla, que permita pagamento direto via depósito ou transferência bancária, mas também que ofereça opções de compra pelos cartões de crédito Visa e MasterCard com o PayPal ou através do PagSeguro. Com botão de compra e Carrinho.
Os softwares de loja virtual atualmente apresentam dificuldades, são complexos, especialmente para o gerenciamento da loja. Uma loja com o Joomla tem como grande virtude a facilidade de gerenciamento dos produtos, fazemos isso como se estivéssemos apenas criando um artigo.
Este projeto cria uma loja virtual simples apenas com o Joomla 3.8 sem nenhuma extensão de terceiros. Instalei o Joomla somente para a loja com o template default.
Veja como ficou aqui quando criei a lojinha:
E quando visualizamos um produto:
Não implementei o PayPal nem o depósito/transferência. Foi apenas para demonstrar.
Observações:
Instalar o Joomla do zero sem conteúdo de exemplos.
Instalar e tornar padrão o idioma pt-BR
Temos duas alternativas:
- Criar uma loja virtual em um site existente. Neste caso criamos uma categoria chamada loja e neta todo o conteúdo da mesma
- Instalar o Joomla inteiramente para a loja, então as categorias dirão respeito a cada produto ou categorias de produtos
Vou considerar uma instalação inteiramente dedicada à loja.
Considerarei uma Sapataria com algumas categorias de produtos (estas serão as categorias):
- Tênis
- Sapato social
- Meias
- Mochila
Considerarei 3 formas de pagamentos:
- Depósito ou transferência bancária
- PagSeguro
- PayPal, que aceita cartões VISA e MasterCard
Desativar o Plugin
Conteúdo - Ocultar Email
Para evitar problemas com o script do PagSeguro
Opções de Artigos (para evitar impedimento)
Conteúdo - Artigos - Opções
Artigos:
Título como Link - Não
Categoria - Ocultar
Exibir Categoria pai - Exibir
Link Pai - Sim
Autor - Ocultar
Data da Publicação - Ocultar
Navegação - Ocultar
Exibir Título do Leia Mais - Ocultar
Ícones - ocultar todos
Salvar
Layoute da Página
Menus - Main Menu - Clicar em Home/Início
Layout
Artigos principais - 0
Introdução Artigos - 6
Colunas - 3
Links - 4
Terá 3 colunas, no máximo 15 produtos por página e nenhum artigo destaque
Teremos o seguinte layout para cada artigo:
Uma foto pequena do produto
Uma descrição do produto
Botão Comprar e Botão Carrinho
Cada artigo de produto terá
- Categoria
- Código do Artigo no Apelido
- Destaque - Sim
- Imagem miniatura
- Preço
- Leia mais
- Imagem normal
- Nome do produto
- Preço
Exemplo de Artigo
Título - Tênis Rainha preto
Apelido - tenraipt01 (no apelido coloco o código)
Categoria - Tênis
Destaque - Sim
Inserir imagem mini do tênis
Descrição do respectivo tênis
Preço - R$ 65,00
Inserir o link do produto final na imagem mini para que ao clicar na imagem seja similar a clicar no botão Leia mais.
Inserir um leia mais
Inserir agora a imagem normal do tênis
Descrição agora detalhada do respectivo tênis
(Melhor que esta descrição fique posicionada à esquerda da imagem)
Usar uma tabela com uma linha e duas colunas:
Na primeira coluna insira a imagem normal e na segunda coluna a descrição.
Inserir uma linha horizontal abaixo da descrição
Para que ao clicar em Leia Mais ele oculte a primeira parte
Artigos - Opções
Artigos
Introdução - Ocultar
Salvar
Inserir logo abaixo da imagem normal do primeiro artigo
uma tabela com 3 linhas e duas colunas, assim:
Botão Pagseguro Preço
Linha em branco
Botão do Carrinho
Sugestões:
Também podemos adicionar um link de vídeo sobre o produto na página principal do mesmo.
Assim podemos criar todos os artigos da loja.
Uma forma fácil de criar um artigo é abrindo ele no gerenciador de artigos e efetuando uma cópia. Então mudamos a categoria, se for o caso, o alias, as imagens, preço, descrição, etc.
Geração do Código dos Produtos
Lembre de que cada produto deve ter seu botão criado no PagSeguro, pois tem um código próprio e que não deve ser alterado.
Créditos
Sou grato ao pessoal do http://megaaula.com.br que divulgou esta ótima ideia. No site existem cursos online.
Vídeos no Youtube:
http://www.youtube.com/watch?v=0WesQSgdU-k
http://www.youtube.com/watch?v=Rkan6mhb-SM
http://www.youtube.com/watch?v=Glg-IIyAJSc
Mas os autores removeram os vídeos e não mais consegui encontrar.
Comments fornecido por CComment