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

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: 790 x 600px – à esquerda e acima da Vitrine 1.
  • Extra3 e Extra4: 790 x 290px – à direita e acima da Vitrine 1.
  • Extra5 e Extra6: 790 x 290px – entre a Vitrine 1 e 2.
  • 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).

Posições no Layout

Abaixo, veja os esquemas que mostram onde cada posição de banner é exibida no layout da loja.

Este artigo foi útil para você? Não Sim
Ainda preso? Como podemos ajudar?

Como podemos ajudar?