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...