Banner
Texto entre o banner e a vitrine de produtos
O texto localizado entre o banner e a vitrine de produtos é configurado pela equipe do site através dos parâmetros.
CE.TEXTO_BANNER_VITRINE

Cadastro do banner
O cadastro do banner principal é configurado pela equipe do site. A equipe decide se utiliza as funcionalidades para exibir título/subtítulo e para redirecionar a uma URL, se necessário.

Inclusão de mais de um banner
É viável adicionar múltiplos banners à tela principal; a quantidade e a ordem de exibição ficam a critério da equipe responsável pelo site.

É possível parametrizar o tempo de intervalo entre a troca de banners quando necessário, através dos parâmetros.
CE.INTERVALO_AUTOPLAY_BANNER

Botão de scrool
A equipe do site tem a opção de ativar ou desativar o botão de scroll do banner nos parâmetros.
CE.BOTAO_SCROLL_HOME

Botão play/pause
A equipe do site pode escolher ativar ou desativar o botão de play/pause automática do banner nos parâmetros.
CE.PLAY_PAUSE_AUTOPLAY_BANNER
CE.HABILITAR_AUTOPLAY_BANNER

Tamanho
O tamanho do banner pode ser configurado pela equipe do site através de parâmetros. Caso se opte por não utilizar um banner, o parâmetro deve ser definido como 0.
CE.TAMANHO_BANNER

Dimensões recomendadas para cada imagem
Banner principal:
Desktop: A partir do parâmetro definido como CE.TAMANHO_BANNER, é possível definir que o banner não seja apresentado, ou que ele seja apresentado em até 30% da tela, em até 60% ou em até 100% da tela.
Mobile: A partir do parâmetro definido como CE.TAMANHO_BANNER_MOBILE, é possível definir que o banner não seja apresentado, ou que ele seja apresentado em até 30% da tela, em até 60% ou em até 100% da tela.
Sendo assim, os tamanhos ideais para cada tamanho são o seguinte:
Apresentar as informações principais do Banner na área verde

100% da tela: 1920 x 900 ou 1920 x 1070
60% da tela: 1070 x 500
30% da tela: 1070 x 250
As dimensões para Desktop e Mobile são as mesmas, pois o e-commerce é responsivo e ajusta automaticamente conforme o dispositivo.
Recomendamos que as informações principais do banner fiquem centralizadas, garantindo melhor visualização em diferentes telas.
Recomendações de formatos para o Banner:
Formato | Qualidade | Tamanho estimado |
|---|---|---|
JPEG | Média (compressão moderada) | 240 KB – 950 KB |
JPEG | Alta (compressão leve) | 950 KB – 2,4 MB |
PNG | Com pouca cor / transparência | 480 KB – 1,9 MB |
PNG | Com muitos detalhes / cores | 1,9 MB – 4,8 MB |
Logo - 120 - (Recomendado de 120 pixels horizontais, mas pode variar. O importante é que não seja uma imagem pesada)
Recomendações de formatos para o Logo:
Formato | Qualidade | Tamanho estimado |
|---|---|---|
JPEG | Média (compressão moderada) | 2 KB – 8 KB |
JPEG | Alta (compressão leve) | 8 KB – 20 KB |
PNG | Com pouca cor / transparência | 4 KB – 16 KB |
PNG | Com muitos detalhes / cores | 16 KB – 40 KB |
Ou enviar um SVG para inclusão no projeto
Imagem cadastrada dos ingressos - 170 x 170
Imagem de banner das vitrines - 238 x 305
Recomendações de formatos para a Vitrine:
Formato | Qualidade | Tamanho estimado |
|---|---|---|
JPEG | Média (compressão moderada) | 10 KB – 40 KB |
JPEG | Alta (compressão leve) | 40 KB – 100 KB |
PNG | Com pouca cor / transparência | 20 KB – 80 KB |
PNG | Com muitos detalhes / cores | 80 KB – 200 KB |
Estas são as recomendações mínimas para manter a qualidade. Elas representam as dimensões que o sistema tenta renderizar. Imagens maiores podem ser utilizadas e se ajustarão corretamente, mas podem aumentar o tempo de carregamento se forem muito grandes. Por outro lado, o uso de imagens menores pode resultar em perda de qualidade.