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.

Adicionar comentário


Código de segurança
Atualizar

Pensamento do Dia

O que é belo não morre: transforma - se em outra beleza. (Balley Ardrich)

Compartilhe