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


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 Clique Aqui.


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.