You are on page 1of 23

Tutorial Loja Virtual.

Tutorial Loja Virtual

Página 1 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Conheça o menu de ações do Sistema

Figura 1

Este é o menu de ações do nosso Sistema, através dele mediante senha você poderá
adicionar, remover, editar, visualizar ou imprimir qualquer informação do sistema podendo ainda
mudar até o visual do site, entretanto abordaremos apenas o item “3” referente a “PRODUTOS”
onde iremos mostrar como adicionar, remover, editar ou excluir produtos.

Página 2 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Segue abaixo explicações detalhadas da opção produtos descriminado na (Figura 1) acima


com o numero Três.

Figura 2

Ao clicarmos no item produtos descriminado com o numero 3 nas (Figuras 1 e 2) entraremos


no módulo Categorias / Produtos como mostra a (Figura 3)

Figura 3

Página 3 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 4) destacado em vermelho vemos esta o campo onde ficam as pastas de categorias de
produtos onde organizaremos produtos por categorias.

Figura 4

Página 4 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 5) a seta mostra o botão Nova categoria, onde podemos criar novas categorias para
adicionas os produtos referentes a ela.

Figura 5

Página 5 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 6) a seta mostra o botão Novo produto, onde podemos adicionar novos produtos à suas
respectivas categorias.

Figura 6

Página 6 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 7) a seta mostra o botão Editar, onde podemos aditas a categoria selecionada.

Figura 7

Página 7 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 8) a seta mostra o botão Eliminar, onde podemos eliminar a categoria selecionada.

Figura 8

Página 8 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 9) a seta mostra o botão Mover, onde podemos mover a categoria selecionada.

Figura 9

Página 9 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 10) a seta mostra o campo Nome da categoria, onde devemos colocar o nome da
categoria.
Ex: Se tivermos uma loja que venda vários tipos de produtos podemos criar uma categoria para cada
grupo de produtos DVD Filmes como vemos na imagem.

Figura 10

Página 10 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 11) a seta mostra o campo Figura de categoria, onde ficara o caminho da imagem que
será adicionada ao cadastro da categoria para ilustrar o site.

Figura 11

Página 11 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 12) a seta mostra o botão Procurar, onde iremos clicar para adicionar a imagem ao
cadastro que como havia dito no tópico anterior ilustrara o site.

Figura 12

Página 12 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

No passo anterior ao ter clicado em Procurar aparecera uma janela como mostra a (Figura13) para
que seja selecionada a imagem que ilustrara a categoria, navegue pelo seu computador até a imagem
referente ao grupo, selecione-a com um clique do mouse e clique no botão Abrir na parte inferior
direita da janela.

Figura 13

Página 13 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 14) a seta mostra o campo Ordenamento, onde será especificado a ordem das categorias.

Figura 14

Página 14 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 15) a seta mostra o botão Gravar, onde concluiremos o processo de criação de categoria,
esse botão vai gravar os dados adicionados nos campos mostrados nos passos anteriores.

Figura 15

Página 15 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 16) a seta mostra o botão Cancelar, onde podemos cancelar o processo de criação e
voltar à tela anterior onde mostra os botões Editar, Eliminar e Mover como mostra a (Figura3).

Figura 16

Página 16 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 17) as setas mostram duas formas de entrar em uma categoria para adicionar, remover ou
editar os produtos da mesma. A primeira seta no canto superior direito da tela mostra o campo Ir
para: onde você poderá clicar no campo e selecionar a categoria a ser alterada, a segunda opção é a
seta que esta no canto inferior esquerda apontando para uma pastinha amarela.

Figura 17

Página 17 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 18) teremos a tela referente à categoria seleciona como mostrado no passo anterior essa
tela trará três botões dos quais dois dele já citados anteriormente nesse tutorial, portanto iremos
direto para o ultimo deles que é Novo produto como indicado pela seta (Figura 18).

Figura 18

Página 18 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 19) podemos ver a pagina de criação de novo produto, através dela que estaremos
adicionando os nossos produtos. Pelo fato da pagina ser um pouco grande, estarei explicando por
partes que se seguem nos próximos passos.

Figura 19

Página 19 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 20) vemos o texto (Status dos produtos) que tem função de mostrar se tem o produto em
estoque ou se esta em falta.

Figura 20

Na (Figura 21) vemos o texto (Disponível em:) e uma seta que mostra o campo onde entra data de
disponibilidade do produto, digite a data como ilustrado na imagem ( YYYY-MM-DD) ou clique
no pequeno quadro azul ao lado do campo e selecione a data num calendário.

Figura 21

Na (Figura 22) vemos o texto (Fabricante do Produto:) e uma seta que mostra um campo onde
devemos selecionar o fabricante de nosso produto.

Figura 22

Na (Figura 23) vemos o texto (Nome do Produto:) e uma seta que mostra um campo onde devemos
digitar o nome de nosso produto.

Figura 23

Na (Figura 24) vemos o texto (Classe de impostos:) e uma seta que mostra um campo onde
devemos selecionar a classe de impostos.

Figura 24

Página 20 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 25) vemos o texto (Preço do Produto: (Liquido)) e uma seta que mostra um campo
onde devemos digitar o preço liquido de nosso produto.

Figura 25

Na (Figura 26) vemos o texto (Preço do Produto: (Bruto)) e uma seta que mostra um campo onde
devemos digitar o preço Bruto de nosso produto.

Figura 26

Na (Figura 27) vemos o texto (Descrição do Produto:) e uma seta que mostra um campo onde
devemos digitar todas as descrições de nosso produto.

Figura 27

Na (Figura 28) vemos o texto (Quantidade:) e uma seta que mostra um campo onde devemos digitar
a quantidade disponível de nosso produto.

Figura 28

Página 21 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 29) vemos o texto (Modelo do Produto:) e uma seta que mostra um campo onde
devemos digitar o modelo do nosso produto.

Figura 29

Na (Figura 30) vemos o texto (Figura do Produto:) e uma seta que mostra um campo e um botão
onde devemos clicar e selecionar a imagem do produto assim como fizemos com a imagem da
categoria só que agora com a imagem do produto.

Figura 30

Na (Figura 31) vemos o texto (Página web do Produto: (sem o http://):) e uma seta que mostra um
campo onde devemos digitar o site de nosso produto.

Figura 31

Na (Figura 32) vemos o texto (Peso do Produto:) e uma seta que mostra um campo onde devemos
digitar o peso de nosso produto.

Figura 32

Na (Figura 33) vemos uma seta que mostra o botão (Pré-visualizar) onde podemos visualizar o
produto para finalizar o processo de cadastro do mesmo.

Figura 33

Página 22 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br
Tutorial Loja Virtual.

Na (Figura 34) vemos uma seta que mostra o botão (Cancelar) que como já foi falado nesse tutorial
vai cancelar e voltar para a tela anterior.

Figura 34

Na (Figura 35) vemos pré-visualização do produto que estamos criando, nessa tela vemos mais três
botões que já vimos antes Voltar, Inserir e Cancelar. Neste caso o botão Voltar voltara para a tela
de edição do produto, Inserir vai inserir o produto no banco de dados e Cancelar vai cancelar o
processo e voltar para a tela inicial.

Figura 35

Página 23 de 23
Loja de Internet – o seu negócio para o mundo!
Loja de Internet – (27) 3034-0399 – www.lojadeinternet.com.br

You might also like