Banners
O tema está preparado para exibir banners cadastrados no painel de Marketing >> Banners, conforme esta documentação.
Uma boa parte das funcionalidades padrão desses banners está disponível no tema, mas para tornar os banners responsivos, o tema utiliza um plugin de banner que não é compatível com todas as configurações de exibição de banners da plataforma, mas ainda assim permite um pouco de controle. Veja abaixo essas particularidades:
- Na opção de “Selecionar Efeito Visual”, selecione “Horizontal” para aplicar um efeito de Slide na troca de um banner para outro, ou “Cube/Cube Spread” para um efeito giratório. Qualquer outra opção tem o comportamento padrão de “Fade (padrão)” (transição suave de um banner para outro)
- As opções de “Mostrar barra de progresso” e “Incluir opções de play/pause” não tem efeito.
O tema apresenta em seu layout várias das posições de banners disponíveis na plataforma.
Para as larguras dos banners recomendamos utilizar os valores abaixo, mas as alturas podem variar de acordo com sua necessidade.
Banners Desktop
- Home: 1920 x 620px.
- Vitrine: 1600 x 120px.
- Baixo: 1600 x 200px.
- Rodapé: 1560 x 125px.
- Títulos: 1920 x 200px – aparece nas páginas de categoria.
Banners Mobile
- Mobile: 768 x 450px – versão mobile do “Home”.
- Extra1: 728 x 450px – versão mobile do “Vitrine”.
- Extra7: 790 x 290px – versão mobile dos banners “Títulos”.
- Extra8: 728 x 200px – versão mobile do banner “Baixo”.
- Extra9: 668 x 200px – versão mobile do banner “Rodapé”.
Banners Gerais
Estes banners se mantêm os mesmos em Mobile e Desktop.
- Extra2: à esquerda e acima da Vitrine 1.
- 790 X 600px com espaçamento “Amplo”;
- 793 X 602px com espaçamento “Balanceado”;
- 795 X 604px com espaçamento “Compacto”;
- Extra3 e Extra4: à direita e acima da Vitrine 1.
- 790 X 290px com espaçamento “Amplo”;
- 793 X 295px com espaçamento “Balanceado”;
- 795 X 297px com espaçamento “Compacto”;
- Extra5 e Extra6: entre a Vitrine 2 e 3.
- 790 X 790px com espaçamento “Amplo”;
- 793 X 793px com espaçamento “Balanceado”;
- 795 X 795px com espaçamento “Compacto”;
- Extra12: 525 x 576px – banner “popup” (modal), que aparece sobre a página. Caso o popup de newsletter esteja ativado, ele aparece ao lado do banner (banner não compatível com o modo “JavaScript” / Slider de múltiplas fases)
- Lateral: 300 x 425px.
- Descontos Progressivos: 1920 x 300px – aparecem na página de produto, caso o desconto se aplique ao produto e o banner esteja habilitado (são os únicos banners que não são cadastrados no painel de Marketing >> Banners).
Locais de Exibição (Posições)
Abaixo, veja os esquemas que mostram onde cada posição de banner é exibida no layout da loja.
