> For the complete documentation index, see [llms.txt](https://ajuda.toplojas.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.toplojas.com.br/banners/configurando-banners/banners-de-slide.md). # Banners de Slide Normalmente as lojas possuem um ou mais banners de slide, que são banners onde a image muda automaticamente a cada tempo determinado. **Exemplo:** ![](/files/-M8KyNhgIIFYPPh-ax_4) Estes banners são implantados pelo **Suporte da Web4Business** nas posições do site onde o cliente desejar, normalmente ficam no **topo da capa**. ## Gerenciando imagens de um Sliders Clique em "**Marketing- > Banners de Slide**", ao abrir a janela o sistema ira exibir os **SLIDERS** criados pelo Suporte da Web4Business. Para gerenciar as imagens de um destes slides, clique em cima dela: ![](/files/-M8Kyk6jjous9exEWBXQ) Ao abrir um dos slides você poderá g**erenciar todas as *****imagens*** dentro deste slide: ![](/files/-M8Kz-5WthKNbZcoQi1R) ## Inserindo imagem em um Slider Dentro da edição do sliders, clique no "**+**" para que seja **aberto um novo espaço** para adicionar um novo banners: ![](/files/-M8KzDOn0nxbwURwQT3F) Ao clicar no "**+**" será aberto um novo espaço, para adicionar um novo banners, ao **final dos banners atuais**: ![](/files/-M8KzNynl_3RrSM6LkkZ) **É necessário preencher alguns campos:** * **Nome:** Preencha um nome para identificar o banner (*Sempre preencha um nome, sem um novo o cadastro do banner, dentro do slider, não será completado*) * **Link:** Caso seja preenchido, o cliente será direcionado a este link ao clicar em cima deste banner * **Ordem:** Permite indicar a ordenação deste banner dentro deste slide * **Imagem:** Selecione o banner que desejas adicionar Os outros campos não precisam ser preenchidos, eles são reservados para banners criados de formas customizadas. Após preencher os campos acima, clique em "**Salvar**":
## Removendo imagem de um Slider Dentro da edição do sliders, clique no "**-**" para que seja removido o banners: ![](/files/-M8L-5zi45f9TxPF7qcn) Após clicar no "**-**", clique em "**Salvar**", para que as modificações sejam aplicadas:
## Dúvidas Frequentes ### Qual o tamanho do banner? Você pode identificar o tamanho do banner através do campo Largura/Altura: ![](/files/-M8L-zIEWfMW5ubev00b) {% hint style="info" %} É importante não modificar estes campos; {% endhint %} ### Minha loja é responsiva, porem o banner esta cortando os textos em dispositivos mobile: O banner responsivo possui uma especificação que precisa ser seguida para seu funcionamento perfeito, todos os textos do banner precisam ficar nos 1170px centrais para não serem cortados: ![](/files/-M8L0Hhlpr3JPX-IYITK) Todo o espaço lateral é reservado para o Fundo do Banner. Exemplos: ![](/files/-M8L0_Vl6eVc18sRrTg3) ![](/files/-M8L0c6l2ExeGv06vboG) ### Quero um novo Sliders em outra posição da Loja: Abra um chamado em nossa central e solicite a criação da nova posição: {% embed url="" %} Neste chamado inclua as informações: * Local onde desejas o sliders * Altura estimada dos banners utilizados ### Alterei o campo "Duração" porem não teve efeito: Este campo é utilizado apenas em banners customizados, caso desejar alterar o tempo entre as transições de banners, abra um chamado em nossa central: {% embed url="" %} ### Quais os formatos aceitos: O recomendado é JPG por ser mais leve, porem pode ser utilizado também outros formatos: * JPG * GIF * PNG ### Qual o tamanho limite de um banner: O recomendo é até 100 kb, maior que este tamanho ira começar a afetar a velocidade da loja ### Após o cadastro de um banner, dentro do sliders, o site ficou lento: Isto ocorre quando a imagem é muito pesada, é recomendado salvar a imagem em uma qualidade mais baixa deixando ela mais leve. Também é possível utilizar o site abaixo para "Comprimir" a imagem: {% embed url="" %} ### Criei um novo sliders porem ele não esta sendo exibido: Os sliders precisam ser criados pelo Suporte da Web4Business, para que sejam cridos, abra um chamado em nossa central e solicite a criação do novo sliders: {% embed url="" %} Neste chamado inclua as informações: * Local onde desejas o sliders * Altura estimada dos banners utilizados ### Adicionei uma imagem porem ele ficou gigante: Isto ocorre quando o tamanho da imagem esta diferente do tamanho que o banner requer, é necessário enviar o tamanho exato do banner para que seja exibido corretamente. ### Em minha loja não esta sendo exibido nenhum sliders em "Marketing- > Banners de Slide": Isto indica que sua loja não utiliza esta modalidade de banners, você pode abrir um chamado para nosso suporte criar um sliders para sua loja. ### Deletei o Sliders e não consigo mais recuperar ele: Abra um chamado em nossa central para nossa equipe recuperar o sliders: --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://ajuda.toplojas.com.br/banners/configurando-banners/banners-de-slide.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.