Ir al contenido
GloboGlobo Docs
Instalar la app
Español

Lista de enlaces

Agrega una columna de enlaces, el bloque clásico del mega menú, con iconos, imágenes e insignias opcionales.

Referencia Todos los planes 3 min de lectura

Un encabezado y una lista de enlaces, repartidos en una o varias columnas. Úsala para categorías, marcas, tallas o cualquier lista de páginas.

Agregar el bloque

  1. Elige un diseño

    En el panel de mega menú de la vista previa, haz clic en Agregar bloque. Haz clic en Lista de enlaces, pasa el cursor sobre un diseño y haz clic en Seleccionar.

    (1) Haz clic en Lista de enlaces, (2) elige un diseño.

  2. Agrega los enlaces

    Haz clic en Agregar elementos bajo la lista en la vista previa o en la lista Elementos. Haz clic en el bloque para abrir Editar elemento y rellena cada enlace; haz clic en Eliminar para borrar uno.

    El bloque Lista de enlaces en la vista previa y sus ajustes en Editar elemento.

  3. Guarda y publica

    Haz clic en Guardar y luego en Publicar.

Diseños

La pestaña Lista de enlaces empieza con cuatro diseños especiales: Hover image links, Feature list, Feature list row y Button. Consulta Hover image links, Feature list y Botón. Los diseños clásicos de lista de enlaces son:

2 columnas
Un encabezado con los enlaces repartidos en 2 columnas.
3 columnas
Un encabezado con los enlaces repartidos en 3 columnas.
Simple
Un encabezado con una columna de enlaces.
Enlaces con icono
Un icono delante de cada enlace.
Enlaces con imagen
Una imagen pequeña delante de cada enlace.

Ajustes

Bloque

AnchoPredeterminado: Depende de el diseño
Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.
Número de columnasPredeterminado: 1 (2 o 3 en los diseños de columnas)
Reparte los enlaces en de 1 a 6 columnas.
Color de fondoPredeterminado: Transparente
Fondo de todo el bloque.
VisibilidadPredeterminado: Desactivado
Ocultar en el escritorio, Ocultar en el móvil, Ocultar al iniciar sesión, Mostrar solo cuando se inicia sesión, Programar publicación. Consulta Ajustes que tienen todos los bloques.
Nombre de clase adicionalPredeterminado: Vacío
En Avanzado. Una clase CSS para CSS personalizado.

Cada enlace

Es encabezado
Da al enlace el estilo de un encabezado de columna. Un encabezado sin enlace se muestra como texto sin formato.
Icono
Un icono que se muestra antes del enlace. Consulta Iconos de elementos de menú.
Ancho del icono
Aparece cuando el icono es una imagen subida: Automático o Personalizado (%, px, em o rem).
Título
El texto del enlace.
Enlace
Busca una página, un producto, una colección o una entrada de blog, o pega una URL. Marca Abrir en una pestaña nueva para abrirlo en una pestaña nueva.
Image icon / Image width
En los diseños con imágenes, como Enlaces con imagen: la imagen pequeña delante del enlace y su tamaño (Automático o Personalizado).
Descripción
Una línea breve de texto bajo el enlace.
InsigniaPro
Una etiqueta pequeña, como “Nuevo” o “Rebajas”, junto al enlace. Activa Alternar insignia y define el Título de la insignia, el Color del texto de la insignia y el Color de fondo de la insignia.

Consejos

  • Pon un enlace con Es encabezado al principio de cada lista.
  • Termina la lista con un enlace View all que apunte a toda la colección.

¿Te ha sido útil?

Informar de un problema