Logos de marcas

Referência Todos os planos 2 min de leitura

Uma grade de logos, cada um levando a uma página que você escolher, geralmente a coleção da marca. Use em um painel “Compre por marca” quando os compradores reconhecem suas marcas pelo logo.

Adicione o bloco

1. Escolha o layout

   No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar imagem personalizada, passe o mouse sobre Brand logos (logos de marcas) e clique em Selecionar. Ele começa com o título “Compre por marca” e 5 marcas de exemplo.

   

   (1) Clique em Adicionar imagem personalizada, (2) escolha Brand logos.

2. Configure cada marca

   Em Editar item, para cada marca, clique em Selecionar imagem em Logo, digite o Nome e escolha o Link. Clique em Add brand para adicionar uma marca ou em Remover para excluir uma.

   

   O bloco Logos de marcas na prévia, com as configurações em Editar item.

3. Salve e publique

   Ajuste a grade em Style e clique em Salvar e Publicar.

Configurações

Geral

TítuloPadrão: Compre por marca

Texto acima dos logos.

LarguraPadrão: 100%

Quanto da linha do mega menu o bloco ocupa: Automático ou de 8,33% a 100%.

Estilo

Logos per rowPadrão: 5

3, 4, 5 ou 6.

Grayscale logos, color on hoverPadrão: Ativado

Mostra todos os logos em cinza e devolve a cor quando o comprador passa o mouse sobre um deles.

Cada marca

LogoPadrão: Nenhum

O logo da marca. Sem logo, o Nome da marca aparece como texto.

NomePadrão: Marca 1, Marca 2…

O nome da marca.

LinkPadrão: Nenhum

Para onde o logo leva ao ser clicado.

Até 18 marcas por bloco. Cada marca também aparece sob o bloco na lista Elementos, com um botão Add brand: arraste as marcas para reordená-las ou clique em uma (na lista ou na pré-visualização) para editar somente essa marca, incluindo a Visibilidade própria dela, por exemplo para ocultar uma marca no celular. A Visibilidade do bloco inteiro funciona como em todo bloco; veja Configurações que todo bloco tem.

Dicas

• Use logos com o mesmo formato e fundo transparente ou branco, para a grade ficar uniforme.
• Mantenha Grayscale logos, color on hover ativado para um visual discreto que ainda reage quando os compradores apontam para uma marca.

Páginas relacionadas

• Lista de coleçõesMostre as coleções que você escolher, cada uma com sua imagem e nome.
• ImagemMostre um banner ou uma imagem promocional com título, descrição e link.
• Visão geral dos blocosAdicione blocos como links, imagens, produtos e contagens regressivas a um mega menu ou a uma aba.

Esta página foi útil?

Relatar um problema