# Banners

Banners sao barras de anuncio exibidas no topo da sua loja virtual. Use-os para destacar promocoes, limites de frete gratis, vendas sazonais ou qualquer mensagem que voce queira que todos os visitantes vejam imediatamente.

## Visualizando banners

Abra **Banners** na barra lateral do painel administrativo para ver todos os seus banners de anuncio. A tabela mostra o texto, status e data de criacao de cada banner.

![Banners list](/features/banners/banners-list.png)

| Coluna     | Descricao                                            |
| ---------- | ---------------------------------------------------- |
| Text       | A mensagem exibida no banner                         |
| Status     | **Active** (exibido na loja virtual) ou **Inactive** |
| Created At | Data em que o banner foi criado                      |

Voce pode **pesquisar** pelo texto do banner, **ordenar** clicando nos cabecalhos das colunas e **excluir** banners individualmente ou em massa usando as caixas de selecao.

## Criando um banner

Clique em **Add Banner** no canto superior direito para abrir o formulario de criacao.

![Create banner form](/features/banners/create-banner.png)

### Status

| Campo  | Descricao                                                                                                                              |
| ------ | -------------------------------------------------------------------------------------------------------------------------------------- |
| Active | Alterne para exibir este banner na loja virtual. Varios banners podem estar ativos — eles rotacionam automaticamente como um slideshow |

### Conteudo

| Campo       | Descricao                                                                                                                                      |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| Banner Text | A mensagem principal exibida no banner (ex.: "Frete gratis em pedidos acima de R$200!")                                                        |
| Link URL    | URL opcional para o qual o banner direciona. Quando definido, o banner se torna clicavel                                                       |
| Link Label  | Texto opcional para o link. Se deixado em branco e uma URL for fornecida, todo o texto do banner se torna o link clicavel com um icone de seta |

> **Dica:** Se voce fornecer tanto uma **Link URL** quanto um **Link Label**, o texto do banner e exibido como texto simples com um link estilizado separado ao lado. Se voce fornecer apenas uma **Link URL** sem rotulo, todo o texto do banner se torna clicavel.

Clique em **Create Banner** para salvar.

## Editando um banner

Clique na acao de edicao em qualquer linha de banner para abrir o formulario de edicao. Os campos sao identicos ao formulario de criacao. Clique em **Save** para aplicar suas alteracoes.

## Como os banners aparecem na loja virtual

Banners ativos aparecem como uma barra colorida no topo de todas as paginas, acima da barra de navegacao. O banner usa as cores do tema da sua loja (cores de fundo e texto do banner definidas no editor de tema).

![Storefront banner](/features/banners/storefront-banner.png)

**Comportamento dos links:**

- **Sem link** — o banner exibe texto simples
- **Apenas Link URL** — todo o texto e clicavel e mostra um pequeno icone de seta, com sublinhado ao passar o mouse
- **Link URL + Link Label** — o texto e exibido normalmente, com um link estilizado separado ao lado

Se varios banners estiverem ativos, a loja virtual alterna automaticamente entre eles a cada 5 segundos com uma transicao suave de fade.