Skip to main content
Skip table of contents

Banner

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

image-20240801-122712.png

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.

image-20240729-180053.png

É 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.

image-20240729-180351.png

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

  • CE.INTERVALO_AUTOPLAY_BANNER

image-20240729-180431.png

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

image-20240801-125734.png

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


image-20240729-180801.png

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

image-20240729-180904.png

  • 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

image-20250620-130603.png
  • 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.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.