Imagen

Referencia Todos los planes 2 min de lectura

Una imagen con título, descripción y enlace opcionales. Úsala para un banner de temporada o una imagen que enlaza con una colección; también puede cambiar a una segunda imagen al pasar el cursor.

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 Agregar imagen personalizada, pasa el cursor sobre Imagen 1 o Imagen 2 y haz clic en Seleccionar.

   

   (1) Haz clic en Agregar imagen personalizada, (2) elige Imagen 1 o Imagen 2. (3) es el diseño Carrusel de imágenes.

   Imagen 1 muestra el título bajo la imagen. Imagen 2 lo muestra en una barra oscura sobre la imagen.

   La misma pestaña incluye también Promo banner, Promo banner split y Brand logos. Consulta Promo banner y Logotipos de marcas.

2. Elige la imagen y los textos

   En Editar elemento, haz clic en Seleccionar imagen para subir o elegir una imagen. Rellena el Título, el Enlace y la Descripción.

   

   El bloque Imagen en la vista previa y sus ajustes en Editar elemento.

3. Guarda y publica

   Haz clic en Guardar y luego en Publicar.

Ajustes

TítuloPredeterminado: Imagen 1 / Imagen 2

Texto que se muestra con la imagen. Déjalo vacío para mostrar solo la imagen.

EnlacePredeterminado: Ninguno

Adónde lleva la imagen al hacer clic: una página, un producto, una colección o una URL. Marca Abrir en una pestaña nueva si lo necesitas.

DescripciónPredeterminado: Descripción de ejemplo

Una segunda línea de texto, más pequeña, bajo el título.

Cambiar imagen al pasar el cursorPredeterminado: Desactivado

Agrega una Imagen al pasar el cursor que los compradores ven cuando mueven el ratón sobre el bloque.

Imagen / Imagen al pasar el cursorPredeterminado: Ninguna

La imagen principal y, con el cambio activado, la imagen que se muestra al pasar el cursor.

Ancho de la imagenPredeterminado: Automático

Aparece después de elegir una imagen: Automático o Personalizado (un número en %, px, em o rem).

AnchoPredeterminado: 25%

Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.

Sin rellenoPredeterminado: Desactivado

Quita el espacio interior del bloque para que la imagen llene el bloque de borde a borde.

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.

Consejos

• Usa el mismo tamaño (por ejemplo 800 × 800 px) para la imagen principal y la del cursor, para que el bloque no salte cuando cambie la imagen.
• Una imagen grande en un bloque estrecho hace que el menú pese en los móviles. Si es solo decorativa, activa Visibilidad > Ocultar en el móvil.

Páginas relacionadas

• Carrusel de imágenesMuestra varias imágenes en un carrusel, cada una con su propio pie y enlace.
• Promo bannerAgrega un banner con encabezado, texto y botón para promocionar una venta o una colección nueva.
• Logotipos de marcasMuestra una cuadrícula de logotipos de marcas que enlazan con la colección de cada marca.
• Resumen de bloquesAgrega a un mega menú o a una pestaña bloques como enlaces, imágenes, productos y cuentas atrás.

¿Te ha sido útil?

Informar de un problema