Como pode ser ver nossa loja exemplo já está quase pronta para colocoar em funcionamento. Portanto quando se instala o Prestashop, vem acompanhado dados exemplos, como categorias, produtos pedidos e etc.
Existe um módulo que pode facilitar a exclusão destes dados e estaremos disponibilizando ele em nossa loja teste.
Para executá-lo primeiramente baixe ele em nossa loja gratuitamente clicando aqui.
Após baixado vá para MÓDULOS>>MÓDULOS
Na barra superior clique em Adicionar novo módulo
Role a página e clique em Escolha um arquivo , localize o arquivo no seu computador e carregue-o
E clique em Enviar este módulo
Aguarde até aparecer a mensagem O módulo foi baixado com sucesso.
Role a página até o campo de busca, a direita caso não aparecer o módulo Prestaqshop Cleaner, digite no campo de busca para que o mesmo seja exibido.
Clique em Instalar
Após instalado ele já abre as opções para execução.
* ATENÇÃO: O PROCESSO É IRREVERSÍVEL, NÃO DÁ PRA VOLTAR ATRÁS.
Selecione então a opção conforme deseja executar e da prosseguimento . No caso da nossa loja exemplo que já cadastramos categorias e produtos vamos executar somente a opção de PEDIDOS E CLIENTES em que será removido somente clientes, carrinhos, ordens, conexões, convidados, mensagens, estatísticas ...
Marco como SIM e executo o botão correspondente a função.
Pois então galera.. abraços. As vezes sumimos devido o serviço aqui ta demais da conta..heheh
Mas "tamo" vivo e sempre aparecemos.
Hoje iremos falar da visualização rápida dos produtos. Acontece que o prestashop é um sistema tão completo que se torna pesado. Então quanto menos recursos usar melhor. A melhor coisa a fazer é deixar a loja bem enxuta. E algo que acho muito desnecessário é a opção de visualização rápida do produto. Que se você está usando uma hospedagem compartilhada acaba que o efeito "rápido" resulta no contrário.
E o que é a visualização rápida do produto?
Vamos lá .. na minha opinião é super desnecessário.. mas vou mostrar. Quando habilitado e você passa o mouse por cima do produto ver-se a seguinte mensagem:
Que ao clicar ele abre um fancybox do produto.
Portanto na visualização rápida não se mostra mais informações do produto como se mostra ao clicar em
"Mais" na capa do produto
Então se você quiser desabilitar esta fancybox, não que a fras "Visualização rápida" vai sumir, mas ela vai redirecionar para a mesma página que ao clicar em Mais.
Para desabilitar então após logar na área administrativa vá para MÓDULOS>>MÓDULOS
Role a página até o campo de busca e digite "Configurador do tema"
Clique em configurar
Procure nas opções iniciais no quadro CONFIGURAÇÕES por "Exibir a janela de visualização rápida na homepage e nas páginas de categorias" e desabilite a função clicando em NÃO
Role um pouca a pagina e clique em Salvar.
Prontinho, agora ao clicar em visualização rápida terá a mesma função do que clicar em Mais
Par poder notar a mudança na sua loja é necessário limpar o cache.
Nos tempos de hoje algo muito importante é além de mostrar oferecer uma segurança para seu cliente. E uma das formas é inserir um certificado SSL, aquele cadeado verde na barra de endereço nos navegadores.
Além que hoje é uma das diretrizes para que seu site ganhe pontos com Google e se posicione melhor nos resultados de busca.
Em uma postagem mostramos como adquirir um certificado gratuito com o CloudFlare. O CloudFlare além de fornecer o cadeado ele melhora a velocidade do seu website. Veja o post clicando aqui.
Portanto após o domínio já tiver um Certificado SSL é necessário ativar uma função no Prestashop.
Para isso vai em PREFERÊNCIAS>>GERAL
Na tela clique na frase conforme imagem abaixo:
Após clicar vai habilitar os botões para acionar o SSL.
Clique em Sim.
E também a opção que você pode ou não forçar usar SSL para forçar em todas as páginas.
Role a página e cliquem em SALVAR
Clique aqui e veja nossa loja utilizando o certificado.
O site irá digitalizar os dados do seu registro DNS
Ao término clique em Continuar
Será gerado um novas informações de DNS as quais iremos usar em nossa hospedagem.
Tem que estar com uma nuvem ativada o TIPO A com o nome do domínio e o CNAME com o WWW. Caso a nuvem estiver cinza clique nela para ativar.
Clique em Continuar
Selecione o plano gratuito.
Clique em Continuar
Ele irá fornecer novos names serves.
Anote essa informação
Clique em Continuar
Altere os name server onde foi registrado o seu domínio pelo fornecido e aguarde a propagação.
Após propagado volte na sua conta Cloudflare e já estará ativado:
Depois basta incluir as linhas abainxo no htacces. do seu domínio: # Acesso http redirecionado para https RewriteCond %{HTTPS} off RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L]
Este SSL é o mais simples, mas já passa melhor confiança ao visitante do seu site, e já atende umas das diretivas do Google na indexação do seu website.
Continuando o layout do tema padrão da loja Prestashop vamos trabalhar naquela área de informação que aparece a esquerda quando estamos numa página de uma categoria.
Como padrão aparecem alguns itens que podem ser configurados ou até mesmo a área toda excluída.
Tomando como exemplo nossa loja WebacappellaShop, quando clico numa subcategoria como na imagem abaixo:
É redirecionado para a página da categoria por exemplo:
Esta área assinalada na figura acima é a que vamos configurar.
Logue então no painel administrativo da loja e vá até MÓDULOS>>MÓDULOS
Role a página até o campo de busca e digite: "Bloco CMS" E clique em configurar
Na primeira área em CONFIGURAÇÃO DO BLOCO CMS que vamos fazer nossas alterações.
Repare que ali já tem um bloco denominado INFORMATION ou INFORMAÇÃO.
Caso não deseje este bloco clique na seta rente ao botão Editar e depois selecione Apagar
Para configurar clique em "Editar"
DICA: Para o tema padrão não utilize blocos para coluna direita.
Voltando a configurar o layout do tema padrão da loja Prestashop vamos trabalhar na configuração de Nossas lojas.
Tomando como exemplo nossa loja WebacappellaShop, quando clico numa subcategoria como na imagem abaixo:
É redirecionado para a página da categoria por exemplo:
Então repare na área marcada que aparece NOSSAS LOJAS. Geralmente terá em todas sub páginas.
Clicando na imagem ou no botão é redirecionado para uma página com um mapa mostrando as lojas e ao clicar no ícone da loja no mapa mostra detalhes de cada loja.
Para configurarmos faremos o seguinte:
Primeiro logue na área administrativa de sua loja.
São 3 situações:
1) Desabilitar da sua loja (o que é o caso de nossa loja exemplo por não ter uma loja física)
2) Caso utilize é configurar a imagem que vai aparecer em NOSSAS LOJAS e o texto acima do botão.
3) Caso utilize é configurar os detalhes de cada loja
Então vá para ´MÓDULOS>>MÓDULOS
Role a página até o campo de busca e digite "Bloco de Lojas"
Caso deseje desabilita clique na seta rente ao botão Configurar. Se você não tiver e nem for ter uma loja física sugiro até que apague o módulo. Quanto menos módulos instalados mais leve fica sua loja.
Agora se você possui lojas físicas, clique em configurar.
Faça o upload da imagem que deseja, escreva o Texto que deseja para ficar acima do botão e clique em Salvar.
Agora você precisa configurar os detalhes da(s) sua(s) lojas. e para isso no painel administrativo vá na opção GERAL>CONTATOS DA LOJA
Você verá as lojas exemplos do tema padrão instaladas, marque a caixa de verificação na frente de cada uma , clique em Ações em Massa e no menu suspenso clique em Apagar Selecionados.
Agora para adicionar a sua clique em + na linha da área de CONTATOS DA LOJA
,
Preencha os campos com as informações de cada loja a cadastrar, inclusive latitude e longitude; quanto a foto da fachada da loja e horários de funcionamento para cada dia da semana.
O botão Estado deixe como Sim e salve
No caso da nossa loja exemplo a qual não tem uma loja física, apagamos o módulo.
Quando digo cadastrando um produto virtual simples, é pelo fato que o Prestashop é um sistema de ecommerce muito completo. Tão completo que existem variáveis que se mostrar de uma vez só assusta.
Então vamos cadastrar um produto virtual simples, onde vamos pular alguns ítens que não serão necessários neste momento tais como frete, combinações, estoque e alguns outros que neste tipo de produto não se faz necessário.
Com o decorrer do tempo iremos dar explicações destes itens de forma o aprendizado ir fluindo e de bom entendimento.
Nesta caso não vou deletar os produtos exemplos da loja, pois a presença deles facilitará nas explicações futuras. Irei apenas desabilitar os produtos exemplo para podermos ir visualizando como vai ficando nossa loja exemplo.
Então logue no seu painel administrativo da loja e vá para CATÁLOGO>>PRODUTOS
Caso esteja acompanhando o blog e queira desabilitar também os produtos padrões do tema. basta marcar a caixa de verificação de todos os produtos, clicar em "Ações em Massa", e debois em "Desabilitar Seleção"
E agora vamos cadastrar nosso primeiro produto em nossa loja.
Na loja exemplo o primeiro produto que vou disponibilizar será o Módulo de entrega de correios o qual estaremos explicando futuramente.
Então para se incluir um produto clique na caixinha de + conforme imagem abaixo:
Agora preste bem atenção: No cadastro do produto a tela é formada de uma série de opções a esquerda dai Informação, preços e etc. e na parte direita os campos para preenchimento. Toda vez que terminar de preencher os campos de um determinado produto clique em Salvar e permanecer antes de selecionar outra opção da esquerda.
Mãos a obra:
OPÇÃO INFORMAÇÃO
Tipo: Marque:
Produto virtual (serviços, e-livros ou produtos para download) Nome: O nome do produto que aparecerá na sua loja
Código de referência: Um código que desejar para o produto caso deseje.
Como o produto é virtual pode-se deixar os códigos de barras em branco
Marque SIM para ativado, só assim ele aparecerá na loja
Visibilidade:
Defina em que situação o produto pode aparecer na sua loja. Exemplo: Se optar por só localizar, ele só vai aparecer no resultado de uma busca.
Opções: Para este produto virtual, marque todas as opções.
Condição: Sé é um produto virtual, deixe como novo.
Breve descrição: Digite aqui uma breve descrição, esta será a descrição que vai aparecer logo abaixo do título do produto.
Descrição: Nesta área você digita o texto que vai aparecer na loja na área de Mais Informações. Esta descrição não aparece se o cliente optar pela visualização rápida.
As tags são as palavras chaves e ou trechos que irão ajudar na busca, tecle enter após cada trecho digitado para entrar com outro.
Clique em Salvar e permanecer para continuar as outras opções de cadastro do produto.
OPÇÃO PREÇOS
O Prestashop é tão completo, que através do seu painel você tem um controle até sobre seus custos, gerar um relatório para você enviar para sua contabilidade e etc.
O preço aqui informado é por produto. Se você criar um produto chamado Kit com 12 chaveiros por exemplo, O produto é o KIT e não o chaveiro que contém deste produto. Preço de atacado antes do imposto: Você insere qual o custo que esse produto teve para você
Preço de varejo antes do imposto: Valor que você deseja vender o produto na sua loja
Regra de imposto: Você seleciona qual a regra. (Consulte seu contador)
Preço de varejo com impostos: O Prestashop calcula os impostos e acrescenta no seu valor de venda. Mas é possível você alterar este valor digitando no campo. Este valor irá aparecer somente no ato do pagamento. Caso de mais de um produto será mostrado o valor total dos impostos de todos os produtos do carrinho.
Preço por Unidade (tax exc): Ao vender um pacote de itens, você pode indicar o preço unitário para cada item do pacote.
Caso deseje um ícone "Em Oferta" no produto marque a caixa de verificação.
Logo abaixo você verá PREÇOS ESPECÍFICOS e ADMINISTRAÇÃO DE PRIORIDADES. Não falaremos sobre isso hoje. Vamos concentrar apenas o que é necessário para nosso primeiro produto virtual simples.
Clique em Salvar e Permanecer.
OPÇÃO SEO
Usar esta opção é muito importante para que os mecanismos de busca achem a sua loja. Quanto melhor você usar estas opções mais chances de sua loja trazer resultados terá.
Meta Título: O título que vai aparecer nos resultados de busca Meta descrição: A descrição que vai aparecer nos resultados de busca URL AMIGAVEL: Muita gente desconsidera isso, é a url que irá aparecer no browse quando estiver na página do produto. O Prestashop já sugere uma conforme nome do produto.
. Clique em Salvar e Permanecer
OPÇÃO ASSOCIAÇÕES
Nesta opção você informa em qual categoria o produto pertence. Pode-se incluir o produto em mais de uma categoria.
Clique em Expandir Todos para que todas as categorias e subcategorias fiquem disponíveis.
Agora marque a caixa de verificação da(s) categoria(s) em que este produto pertence.
Informe qual a categoria que será mostrado por padrão na página do produto.
No caso do produto virtual não terá acessórios.. Deixe em branco.
Escolha o Fabricante se tiver
Clique em Salvar e Permanecer
OPÇÃO QUANTIDADES
Como é um produto virtual, e estamos cadastrando de uma forma bem simples. Apenas confirme se esta marcado no ítem Quando esgotado como Permitir compras.
Clique em Salvar e Permanecer
OPÇÃO PRODUTO VIRTUAL
Aqui você vai anexar o arquivo compactado o qual o cliente irá fazer download após completar a compra.
É importante obedecer o tamanho do arquivo configurado em suas preferências da loja.
Então marque SIM e faça o upload do arquivo.
Você pode definir quantas vezes o cliente poderá fazer o download que ficará disponibilizado na sua área de cliente. Pode também definir uma data limite para que fique disponibilizado ou uma quantidade de dias.
OPÇÃO IMAGENS.
Aqui você fará upload das imagens do seu produto quanto definir qual será a imagem da capa.
Adicione todos arquivos de imagem do produto e depois clique em ENVIAR ARQUIVOS .
Após as imagens upadas marque a caixa de verificação da imagem que deseja para a capa.
Cliquem em Salvar e permanecer.
OPÇÃO FUNCIONALIDADES
No caso desta cadastro de um produto virtual simples, não é necessário usar essa opção. OPÇÃO PERSONALIZAÇÕES
No caso desta cadastro de um produto virtual simples, não é necessário usar essa opção.
OPÇÃO ANEXOS
No caso desta cadastro de um produto virtual simples, não é necessário usar essa opção.
OPÇÃO FORNECEDORES
Assinale o fornecedor do produto se desejar.
Agora você pode clicar em Salvar e finalizar o cadastro deste produto virtual Simples.