4.1 - Banners
O seu tema FLAT conta com diversos Banners na página principal (home), para que você possa deixar a loja com a cara da sua marca já desde o início. Temos os banners principal, banners secundários e até mesmo mini banners para complementar o visual da sua home, na versão desktop e versão mobile.
Veja na imagem a seguir a posição de cada um deles e o nome que estão cadastrados:

Telas da versão Desktop

Telas da versão Mobile

Agora que você já conhece todos os Banners disponíveis, está na hora de aprender a alterá-los caso deseje.
Para alterá-los, você precisa ir em MARKETING > BANNERS e seguir o passo a passo abaixo:
  1. 1.
    Com o Painel Administrativo do seu E-commerce aberto, clique na aba Marketing e em seguida em Banners da Loja.
  2. 2.
    Ao ser redirecionado para página de banners, você encontrará o nome de cada um dos banners do template. Basta clicar no ícone de edição que fica na fileira ações do banner que deseja alterar.
  3. 3.
    Dentro da página de edição, procure “escolher arquivo”, logo acima da foto cadastrada e escolha a nova imagem.
  4. 4.
    Após isso, clique em salvar.
OBS: Caso sua alteração seja no banner principal, ou seja, o 01 - Banner Home Full - Desktop, ou em sua variante para mobile, 02 - Banner Home Full - Mobile, você pode acrescentar mais de um, já que esses banners tem o efeito carrossel. Para isso, você deve seguir os mesmos passos acima, porém para adicionar mais de um banner, vá até o último cadastrado e clique em “incluir mais fases”.
Relação dos banners seus tamanhos e localização de exibição:
  • Banner Vitrine - Mobile - 740x430px - Extra10
  • Banner Vertical 1 - Desktop/Mobile - 380x482px - Extra2
  • Banner Horizontal 1 - Desktop/Mobile - 378x226px - Extra3
  • Banner Horizontal 2 - Desktop/Mobile - 378x226px - Extra4
  • Banner Vertical 2 - Desktop/Mobile - 380x482px - Extra5
  • Banner Vitrine 1 - Desktop - 1200x430px - Extra6
  • Banner Mini 1, 2 e 3 - Desktop e Mobile - 380x160px - Extra7, Extra8 e Extra9
  • Banner Home Full - Desktop - 2000x600px - Banner Home
  • Banner Home Full - Mobile - 740x740px - Extra1
OBS.:
  • Banner Desktop - esse banner só vai aparecer na versão desktop
  • Banner Desktop e Mobile - esse banner vai aparecer nas versões desktop e mobile
  • Banner Mobile - esse banner só vai aparecer na versão mobile
IMPORTANTE:
  • Observar que cada banner possui uma localização de exibição para configurar e se isso não for feito o banner não aparece no lugar certo do seu tema.
    Exemplo: Banner Vitrine - Mobile a localização de exibição é EXTRA10
Faça download dos banners relacionados acima em formato .psd para usá-los como base para a criação dos seus banners e da relação das medidas, clicando aqui.
Copy link
Contents