# Informativo: Bloco Logos de clientes
#### Conteúdo O bloco **Logos de clientes** mostra logos de clientes e parceiros em uma grade ou faixa horizontal. Cada logo pode ter o nome da empresa e um link para seu site. Para acrescentar, mover ou remover blocos, veja a página “Editor de páginas”, no capítulo Painel administrativo. Em cada figura, os **círculos vermelhos numerados** mostram a parte da tela que está sendo explicada. O número do círculo é o mesmo número da lista logo abaixo da figura. ##### Como os Logos aparecem no site ![Bloco Logos de clientes no site com título, texto e seis logos em grade, quatro por linha, numerados de 1 a 4](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/ADJ12-logos-site.png) **Figura 1** — Seis logos no layout Grade, com 4 itens por vez. 1. **Título** — o título acima dos logos. Só aparece quando preenchido. 2. **Texto abaixo do título** — uma explicação curta. Só aparece quando preenchido; as quebras de linha são preservadas. 3. **Logo** — a imagem de cada empresa. Com um link preenchido, clicar no logo abre o destino indicado; sem link, o logo é mostrado sem destino clicável. 4. **Linha da grade** — a quantidade de logos lado a lado no computador segue “Itens por vez”. Quando há mais logos, eles continuam na linha de baixo. A disposição também se adapta às telas menores. ##### Layout em slide No layout **Slide (com setas)**, os logos ficam numa faixa só, que o visitante percorre com as setas ou deslizando o dedo no celular. ![Bloco Logos de clientes no layout Slide, com três logos por vez e setas abaixo, numerados de 1 a 3](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/9gM12-logos-slide.png) **Figura 2** — Os mesmos logos no layout Slide, com 3 itens por vez. 1. **Faixa de logos** — os logos aparecem lado a lado, na quantidade escolhida em “Itens por vez”. 2. **Seta para trás** — volta na faixa. Fica apagada quando o primeiro logo já está na tela. 3. **Seta para frente** — avança na faixa. As setas só aparecem quando nem todos os logos cabem na faixa. Com apenas um logo, o bloco não usa o slide e não há setas. Sem JavaScript, a faixa ainda pode ser percorrida pelo visitante. ##### Opções do bloco ![Opções do bloco Logos de clientes no editor: Fundo, Layout, Itens por vez, Título, Texto abaixo do título, lista Logos com contador, um item e Adicionar, numerados de 1 a 8](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/AUb12-logos-opcoes.png) **Figura 3** — Opções gerais dos Logos de clientes. 1. **Fundo** — a cor de fundo da seção: **Claro**, **Suave** ou **Escuro**. 2. **Layout** — **Grade (lado a lado)**, em linhas (Figura 1), ou **Slide (com setas)**, numa faixa (Figura 2). 3. **Itens por vez** — **4 itens**, **2 itens** ou **3 itens**: quantos logos ficam lado a lado no computador. 4. **Título (opcional)** — o título acima dos logos (Figura 1, item 1). 5. **Texto abaixo do título (opcional)** — a explicação curta (Figura 1, item 2). 6. **Logos** — a lista de logos e, no canto, quantos existem do máximo de **24**. 7. **Item** — cada linha é um logo, com o número e o nome da empresa. Clicar abre os campos (Figura 4). 8. **Adicionar** — cria um logo novo no fim da lista. Sem nenhum logo com imagem, o bloco fica oculto no site. Na prévia do editor, aparece **“Nenhum logo escolhido”**, com a orientação para escolher ao menos um logo no painel. ##### Campos de um logo ![Logo aberto no editor com cabeçalho, setas, X, imagem, botões Biblioteca, Enviar arquivo e Remover, Nome da empresa e Link, numerados de 1 a 7](https://oraculo.gk2.cloud/uploads/images/gallery/2026-11/dMj12-logos-item.png) **Figura 4** — Um logo aberto para editar. 1. **Cabeçalho do item** — o número e o nome da empresa. Clicar abre ou fecha o item. 2. **Setas** — ↑ e ↓ mudam a ordem dos logos. 3. **X** — tira o logo do bloco. 4. **Logo** — a imagem escolhida. Itens sem imagem não aparecem no site. 5. **Biblioteca**, **Enviar arquivo** e **Remover** — escolha uma imagem da Mídia, envie um arquivo novo ou tire a imagem do item. 6. **Nome da empresa (para quem não vê a imagem)** — descreve a imagem para tecnologias assistivas e para quando ela não puder ser vista. Preencha o nome para que o logo tenha uma descrição. 7. **Link (opcional)** — o endereço do site da empresa: uma página do site (como /contato) ou o endereço completo de outro site. Endereços de outros sites abrem em outra aba.
--- #### Dicas - Use uma imagem nítida e preencha Nome da empresa para descrever cada logo. - Confirme que o link de cada logo corresponde ao site correto da empresa. - Confira a grade e o slide no computador e no celular.
--- #### Controle de Mudanças
Informações de controle de versão - **Última revisão:** a preencher - **Próxima revisão:** a preencher - **Autor:** a preencher - **Revisor:** a preencher - **Versão:** a preencher
--- #### Notas adicionais As imagens usam as telas reais do NetCorp em um ambiente local. Os logos e os nomes das empresas são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel. Contato de suporte: **a preencher**.
--- #### Referências - NetCorp — bloco Logos de clientes do site e editor de páginas do painel. - Modelo de página Informativo e blocos de conteúdo da base de conhecimento.