3.1.4 - Banners
Last updated
Last updated
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.
Sempre que você for trabalhar com imagens (logo, produto, banner, popup e etc) para a sua loja, não deixe de verificar as orientações abaixo:
- o nome do arquivo não pode conter espaço entre as palavras; - o nome do arquivo não pode conter caracteres especiais; - o nome do arquivo não pode conter acentos; - sugerimos que o nome do arquivo seja curto; - upload para atualizar/substituir uma imagem existente na sua loja, nunca use o mesmo nome do arquivo, pois o cache da plataforma vai dificultar a mudança da imagem no servidor da Tray. Se a imagem no site é logo.png agora você deve mudar para logo-nova.png
Veja na imagem a seguir a posição de cada um deles e o nome que estão cadastrados:
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 > BANNERSe seguir o passo a passo abaixo:
Com o Painel Administrativo do seu E-commerce aberto, clique na aba Marketing e em seguida em Banners da Loja.
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.
Dentro da página de edição, procure “escolher arquivo”, logo acima da foto cadastrada e escolha a nova imagem.
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 Categoria - Rodapé - 2000x250px - Banner Rodape
Banner Categoria - Topo - 2000x250px - Banner Titulos
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
Banner Categoria - Esses banners só aparecem nas categorias e na página dos produtos. Em especial para os banners de categoria, existe uma configuração dentro do painel de edição do tema que você precisa ativar para que eles funcionem. Observe o último print dessa tela. Detalhes sobre os Banners de Categoria, acessar a seção 4.4 Categorias e Subcategorias
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.
SÓ DEVEM ATIVAR OS BANNERS NO PAINEL SE AS IMAGENS ESTIVEREM ATIVAS NA PLATAFORMA.
