Neste tutorial de criação rápida de banners iremos demonstrar como configurar os banners que serão exibidos na home/página inicial da sua loja.
***Sempre subir a imagem já otimizada para o site, ou seja, não inserir imagem muito grande para não pesar e ou atrapalhar na navegação do cliente
Site para otimizar o tamanho da imagem: https://tinypng.com/
Atenção: banners desktop e mobile tem dimensões diferentes). Por padrão a dimensão para Desktop é: 1920 x 500 (a altura pode variar - pois depende de como o lojista quer configurar a altura do banner em sua loja) pixels. Para Mobile: é: 770px x 500px (a altura pode variar - pois depende de como o lojista quer configurar a altura do banner em sua loja) pixels. Estas informações podem variar de acordo com cada loja.
***Para manter a mesma proporção dos outros banners (você pode baixar a imagem de um banner existente e verificar as suas dimensões e insira o novo banner com as mesmas dimensões.)
No painel ir em: CMS - Banners Slider Responsivo - Gerenciar Banners
Será exibido a lista de banners existentes
Em ações - você poderá excluir ou alterar o status dos banners, Para editar algum banner clique em Editar
Para novo Banner - Clique em Adicionar Banner
Selecione o slider a qual este banner será associado, e insira o título do banner.
Sliders servem para indicar onde o banner será inserido, por padrão o slider da home (desktop e mobile já estão criados) - Caso seja necessário a criação de um novo slider - exemplo para que o banner seja exibido em outro local específico/outra página - veja o tutorial completo de criação de banners
Para novos projetos (lojas) não será preciso criar o slider de mobile, basta inserir a imagem em mobile (print mais abaixo)
Pode inserir imagem ou vídeo
Para inserir imagem pode fazer o upload da imagem
**Para inserir a imagem na versão mobile** inserir a imagem na dimensão para o mobile
***Caso for inserir imagem através de link externo - para que esta seja exibida depende da permissão de compartilhamento desta imagem
Para inserir vídeo - inserir a ID do vídeo do Yotube ou do Vimeo ( não inserir o link inteiro)
Se o banner for ter alguma url de direcionamento, você pode Inserir a url de direcionamento do banner (exemplo preenchimento abaixo),
**Não precisa ser inserido o link inteiro, se for ser link interno, basta inserir como informado acima (não precisa da parte do domínio da loja - por se tratar de link interno)
Definir se ao clicar vai abrir na mesma janela aba ou em nova janela/aba, pode também inserir descrição ao banner (exemplo de demonstração print mais abaixo)
Exemplo descrição no banner
Pode definir intervalos de dias (da data x de até a data x) para exibir o banner - Atenção caso for usar data - sempre verificar se não esta com data já expirada, ou se a data de inicio e término não são a mesma.
Definir a ordem de exibição do banner (preferência de exibição - usar valor mais próximo a zero para que o banner seja exibido como prioridade a outro banner - se houver mais de um banner - verificar também a prioridade do outro banner para que o banner seja exibido na prioridade desejada)
Em status para habilitar/desabilitar o banner.
Após o procedimento clicar em Salvar e fazer o gerenciamento de cache.
****Atenção****
Sempre verificar no banner:
- A data de início e término (verificar se a data não expirou, ou se ainda vai ficar vigente ou se a hora de inicio e termino não é a mesma)
- Se o banner esta habilitado
- Se a imagem não esta quebrada, se esta associado ao slider correto e se o referido slider está habilitado, e ao término da inserção do novo banner é necessário fazer o Gerenciamento de Cache.