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

Lista de ligações

Adicione uma coluna de ligações, o bloco clássico de mega menu, com ícones, imagens e etiquetas opcionais.

Referência Todos os planos 3 min de leitura

Um título e uma lista de ligações, divididos em uma ou mais colunas. Use-a para categorias, marcas, tamanhos ou qualquer lista de páginas.

Adicionar o bloco

  1. Escolha um esquema

    No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Link list, passe o rato sobre um esquema e clique em Select (selecionar).

    (1) Clique em Link list, (2) escolha um esquema.

  2. Adicione as ligações

    Clique em Add items (adicionar itens) por baixo da lista na pré-visualização ou na lista Elements (elementos). Clique no bloco para abrir Edit Item (editar item) e preencha cada ligação; clique em Remove (remover) para eliminar uma.

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

  3. Guarde e publique

    Clique em Save e, depois, em Publish.

Esquemas

O separador Link list começa com quatro esquemas especiais: Hover image links, Feature list, Feature list row e Button. Consulte Ligações com imagem ao passar o rato, Lista de vantagens e Botão. Os esquemas clássicos de lista de ligações são:

2 columns
Um título com as ligações divididas em 2 colunas.
3 columns
Um título com as ligações divididas em 3 colunas.
Simple
Um título com uma coluna de ligações.
Links with icon
Um ícone à frente de cada ligação.
Links with image
Uma pequena imagem à frente de cada ligação.

Definições

Bloco

WidthPredefinição: Depende do esquema
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8.33% a 100%.
Number of columnsPredefinição: 1 (2 ou 3 nos esquemas de colunas)
Distribui as ligações por 1 a 6 colunas.
Background colorPredefinição: Transparente
Fundo de todo o bloco.
VisibilityPredefinição: Desativado
Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. Consulte Definições comuns a todos os blocos.
Extra classnamePredefinição: Vazio
Em Advanced (avançado). Uma classe CSS para o CSS personalizado.

Cada ligação

Is heading
Formata a ligação como título de coluna. Um título sem ligação aparece como texto simples.
Icon
Um ícone mostrado antes da ligação. Consulte Ícones dos itens de menu.
Icon width
Aparece quando o ícone é uma imagem carregada: Auto ou Custom (%, px, em ou rem).
Title
O texto da ligação.
Link
Pesquise uma página, produto, coleção ou publicação no blogue, ou cole um URL. Selecione Open in new tab (abrir num novo separador) para a abrir num novo separador.
Image icon / Image width
Nos esquemas com imagens, como Links with image: a pequena imagem à frente da ligação e o seu tamanho (Auto ou Custom).
Description
Uma linha curta de texto por baixo da ligação.
BadgePro
Uma pequena etiqueta, como “New” ou “Sale”, ao lado da ligação. Ative Toggle badge e, depois, defina Badge title, Badge text color e Badge background color.

Sugestões

  • Coloque uma ligação com Is heading no topo de cada lista.
  • Termine a lista com uma ligação View all (ver tudo) que leve à coleção completa.

Esta página foi útil?

Comunicar um problema