Pular para o conteúdo
GloboGlobo Docs
Instalar aplicação
Português (Portugal)

Logótipos de marcas

Mostre uma grelha de logótipos de marcas com ligação para a coleção de cada marca.

Referência Todos os planos 2 min de leitura

Uma grelha de logótipos, cada um com ligação para uma página à sua escolha, normalmente a coleção da marca. Use-a num painel “Comprar por marca” quando os clientes reconhecem as suas marcas pelo logótipo.

Adicionar o bloco

  1. Escolha o esquema

    No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Add custom image, passe o rato sobre Brand logos (logótipos de marcas) e clique em Select. O bloco começa com o título “Shop by brand” e 5 marcas de exemplo.

    (1) Clique em Add custom image, (2) escolha Brand logos.

  2. Configure cada marca

    Em Edit Item (editar item), para cada marca clique em Select image em Logo, introduza o Name (nome) e escolha o Link. Clique em Add brand (adicionar marca) para adicionar uma ou em Remove para remover uma.

    O bloco Brand logos na pré-visualização, com as definições em Edit Item.

  3. Guarde e publique

    Ajuste a grelha em Style (estilo) e clique em Save e Publish.

Definições

General

HeadingPredefinição: Shop by brand
Texto por cima dos logótipos.
WidthPredefinição: 100%
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.

Style

Logos per rowPredefinição: 5
3, 4, 5 ou 6.
Grayscale logos, color on hoverPredefinição: Ativado
Mostra todos os logótipos a cinzento e repõe a cor quando um cliente passa o rato sobre um deles.

Cada marca

LogoPredefinição: Nenhum
O logótipo da marca. Sem logótipo, o Name da marca aparece como texto.
NamePredefinição: Brand 1, Brand 2…
O nome da marca.
LinkPredefinição: Nenhuma
Para onde o logótipo leva quando é clicado.

Até 18 marcas por bloco. Cada marca aparece também por baixo do bloco na lista Elements, com um botão Add brand: arraste as marcas para as reordenar ou clique numa (na lista ou na pré-visualização) para editar apenas essa marca, incluindo a sua própria Visibility, por exemplo para ocultar uma marca no telemóvel. A Visibility do bloco inteiro funciona como em todos os blocos; consulte Definições comuns a todos os blocos.

Sugestões

  • Use logótipos com a mesma forma e fundo transparente ou branco, para que a grelha fique uniforme.
  • Mantenha Grayscale logos, color on hover ativado para um aspeto sóbrio que continua a reagir quando os clientes apontam para uma marca.

Esta página foi útil?

Comunicar um problema