30/01/2017

PRESTASHOP 1.6 - Configurando Nossas Lojas no tema padrão da loja


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"

bloco de loja


 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. 






27/01/2017

PRESTASHOP 1.6 - Cadastrando um produto virtual simples








Olá pessoal.

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.


 Para ver on line clique aqui



26/01/2017

PRESTASHOP 1.6 - Cadastrando fornecedores na loja prestashop

 

Continuando em pausa nas configurações do tema padrão de nossa loja Prestashop, vamos hoje ver como cadastrar um fornecedor

Como já dito na postagem anterior  estamos entrando perto  de cadastro de produto. E para que o cadastramento do produto seja mais rápido e prático é necessário que já tenha os fabricantes e fornecedores cadastrados.

Acontece que ao cadastrar o produto se o fabricante e ou fornecedor não existir e você optar por incluir no cadastro do produto essas informações; você perderá os dados que já iniciou ao cadastrar o produto.

O ideal é que ao se pensar em criar uma loja virtual já tenha todo o projeto pronto, e a lista dos principais fabricantes e fornecedores.

Não é obrigatório informar no cadastro do produto o fornecedor, é uma informação opcional. Porém tem os que gostam de manter um link no rodapé da loja onde mostram os fornecedores e seus determinados produtos.

Mas lembre, o cliente pode descobrir o fornecedor e tentar comprar diretamente com ele.

Eu apesar de não mostrar esta opção visível no frente da loja, gosto de cadastrar pra manter um controle interno referente estatísticas.


Então vamos lá:

Logue no painel administrativo de sua loja e vá a CATÁLOGO>>FORNECEDORES.







Apague o fornecedor  exemplo que já vem cadastrado como padrão.







Então vamos cadastrar nosso primeiro fornecedor clicando no  + conforme imagem.



Preencha os campos de cadastrado lembrando que no campo Meta palavras-chave após cada palavra ou combinação de palavras aperte-se ENTER para incluir outras.

Clique em SIM para que o fabricante esteja habilitado e Salve


Repita os passos para cada fornecedor que deseja cadastrar.



Para ter uma consulta de dados do fornecedor para um futuro pedido é interessante cadastrar o os dados completos do fornecedor




Abraço a todos.

25/01/2017

PRESTASHOP 1.6 - Cadastrando Fabricantes na loja Prestashop

 

Vamos dar uma pausa nas configurações do tema padrão de nossa loja Prestashop.

Isto pois estamos entrando perto na parte de cadastro de produto. E para que o cadastramento do produto seja mais rápido e prático é necessário que já tenha os fabricantes e fornecedores cadastrados.

Acontece que ao cadastrar o produto se o fabricante e ou fornecedor não existir e você optar por incluir no cadastro do produto essas informações; você perderá os dados que já iniciou ao cadastrar o produto.

O ideal é que ao se pensar em criar uma loja virtual já tenha todo o projeto pronto, e a lista dos principais fabricantes e fornecedores.

Não é obrigatório informar no cadastro do produto o Fabricante, é uma informação opcional. Porém tem os que gostam de manter um link no rodapé da loja onde mostram os fabricantes e seus determinados produtos.

Eu apesar de não mostrar esta opção visível no frente da loja, gosto de cadastrar pra manter um controle interno referente estatísticas.


Então vamos lá:

Logue no painel administrativo de sua loja e vá a CATÁLOGO>>FABRICANTES.







Apague o fabricante exemplo que já vem cadastrado como padrão.


apagando fabricante padrao prestashop



 Apague também o endereço exemplo que já vem cadastrado como padrão.




Então vamos iniciando pelo cadastro do Fabricante, pois o cadastro do endereço é necessário selecionar um fabricante já cadastrado para que atribuir um endereço. O Prestashop separa para facilitar casos em que existem fabricantes com vários endereços.


Então para cadastrar um novo fabricante clique em + conforme imagem.



Preencha os campos de cadastrado lembrando que no campo Meta palavras-chave após cada plavara ou combinação de palavras aperte-se ENTER para incluir outras.

Clique em SIM para que o fabricante esteja habilitado e Salve


Repita os passos para cada fabricante queira cadastrar.

No meu ponto de vista, para estatísticas eu não necessitaria de cadastrar endereços dos Fabricantes. Pois par mim basta ter uma visão da saída do Fabricante independente do seu endereço.

Mas se você adquiri algum produto diretamente do fabricante, para ter uma consulta de dados do fabricante para um futuro pedido é interessante cadastrar o endereço do fabricante.

Para isso clique no + no quadro endereços conforme imagem.

Selecione o Fabricante já cadastrado e preencha os campos. Lembrando que os campos com * são de preenchimento Obrigatório.


Clique em salvar e repita os passos para cada endereço que deseja cadastrar.

Pois é gente boa, muito simples.

Abraço a todos.



PRESTASHOP 1.6 - Alterando os banners principais do tema padrão





 



Dando continuidade a personalização do tema padrão da nossa loja Prestashop, vamos alterar o banner principal da HOME.



Então o primeiro passo é criar as imagens que vai desejar nas dimensões de 779 x 448 px . 

O texto e os botões que estarão na imagem são produzidos diretamente no cadastro da imagem através de um pequeno editor. Então lembre de deixar um espaço para que o texto não misture com a imagem causando uma má visualização.

Após as imagens criadas vamos configurá-las em nossa loja.

Logue no painel administrativo da sua loja e vá para MÓDULOS>>MÓDULOS.



Role a página até a barra de busca e digite: Slider de imagens para sua página inicial.





Clique em configurar.

Na primeira parte CONFIGURAÇÕES você configura a largura da imagem (sugiro deixar a largura informada para que não cause um mal enquadramento com as imagens laterais) ; A velocidade em milissegundos da transição entre uma imagem e outra e o tempo de pausa de cada imagem também em milissegundos. Você pode optar em que as imagens troquem automaticamente ou se deve esperar o visitante clicar nas setas para que troquem.

Após fazer seus ajustes clique em Salvar


Logo abaixo estão todas os sliders padrões do tema. Você pode editar cada um e adicionar novos. Como pode também excluir todos e adicionar os seus.

Para adicionar um novo basta clicar no + na linha de título desta área. 



Preencha os campos de acordo com cada slider, ative e salve


Então basta configurar  cada imagem conforme dito e pronto.

Para ver on line clique aqui





23/01/2017

PRESTASHOP 1.6 - Configurando as imagens ao lado do banner do topo tema padrão


Hoje vamos continuar utilizando parte de um módulo "Configurador do tema". Vamos utilizá-lo hoje apenas para configurarmos aquelas imagens fixas que ficam ao lado do banner rotativo na parte superior do tema padrão da instalação da loja Prestashop.



Cada imagem pode ser linkada a uma url qualquer. Sendo assim é interessante utilizar essa área com imagens linkando para uma área da sua loja que queira dar mais ênfase. Ou até mesmo alguma informação relevante.
 
Portanto o tema padrão já tem espaços pré determinados para essas imagens então sugiro usar as mesmas dimensões de cada imagem do Prestashop. Então você pode substituir as imagens padrões pelas suas ou manter somente uma imagem com 447px de altura.

As medidas destas  imagens usadas no tema padrão são 381 x 219 px

No caso da loja exemplo em que supomos que daríamos mais ênfase a templates, usarei uma imagem para Templates WA4 e outra para Templates WA RC apenas substituindo as padrões do tema.




Após as imagens já criadas logue na área administrativa selecione MÓDULOS>>MÓDULOS



Role a página até o campo de busca e digite "Configurador do tema"


Não desabilite e muito menos apague este módulo, senão muitas coisas deixarão de funcionar na sua loja.

Clique então em configurar.

Você vai perceber várias opções de habilitar ou não e vários ganhos. Hoje vamos só trabalhar no Gancho Home. Role a página até encontrar o Gancho Top. Veja imagem abaixo:





Se você utilizar mais de um idioma na sua loja será necessário fazer os procedimentos para cada idioma.



Agora vou  substituir as imagens existentes que criei. Para isso clique em editar.



Logo abaixo abrirá os campos referente aquela imagem com opção de upload para a imagem criada.
Preencha os campos conforme te atente mantendo o campo Gancho como Top e utilizando as mesmas dimensões da imagem criada.






Salve em seguida

Faça isso para cada uma.

Veja on line clicando aqui.






21/01/2017

PRESTASHOP 1.6 - Configurando as imagens da parte inferior da home da loja


Hoje vamos utilizar parte de um módulo. O módulo que vamos utilizar disponibiliza mais funções as quais vamos ver neste artigo. Mas vamos por parte. Vamos utilizá-lo hoje apenas para configurarmos aquelas imagens fixas que ficam na parte inferior na página principal de nossa loja:




Cada imagem pode ser linkada a uma url qualquer. Sendo assim é interessante utilizar essa área com imagens linkando para uma área da sua loja que queira dar mais ênfase. Ou até mesmo alguma informação relevante.
 
Portanto o tema padrão já tem espaços pré determinados para essas imagens então sugiro usar as mesmas dimensões de cada imagem do Prestashop ou elimine todas imagens de uma determinada linha.

As medidas das imagens usadas no tema padrão são na seguinte ordem:

01 - 383 x 267 px
02 - 383 x 267 px
03 - 383 x 267 px
04 - 383 x 142 px
05-  777 x 142 px




No caso da nossa loja eu vou eliminar as 2 ultimas mantendo apenas a  primeira linha e usar somente as da primeira linha.



Agora após logado na área administrativa selecione MÓDULOS>>MÓDULOS



Role a página até o campo de busca e digite "Configurador do tema"


Não desabilite e muito menos apague este módulo, senão muitas coisas deixarão de funcionar na sua loja.

Clique então em configurar.

Você vai perceber várias opções de habilitar ou não e vários ganhos. Hoje vamos só trabalhar no Gancho Home. Role a página até encontrar o Gancho Home. Veja imagem abaixo:

Se você utilizar mais de um idioma na sua loja será necessário fazer os procedimentos para cada idioma.


A primeira coisa vou apagar todas as imagens.do tema padrão que eu não desejo. No meu caso as 2  últimas.




E substituir as  primeiras pelas que criei. Para isso clique em editar.

Logo abaixo abrirá os campos referente aquela imagem com opção de upload para a imagem criada.
Preencha os campos conforme te atente mantendo o campo Gancho como Home e utilizando as mesmas dimensões da imagem criada.

Salve em seguida

Faça isso para cada uma.

Veja on line clicando aqui.






Outras postagens deste blog

Related Posts Plugin for WordPress, Blogger...