Ir al contenido
GloboGlobo Docs
Instalar la app
Español

Lookbook hotspots

Muestra una foto con estilo y puntos clicables que revelan los productos que aparecen en ella.

Referencia Todos los planes 2 min de lectura

Una foto, como un conjunto de ropa o una habitación amueblada, con puntos (hotspots) sobre los productos que aparecen en ella. Cada punto abre una tarjeta de producto con imagen, nombre y precio, para que los compradores se lleven el look completo.

Agregar el bloque

  1. Elige el diseño

    En el panel de mega menú de la vista previa, haz clic en Agregar bloque. Haz clic en Agregar producto, pasa el cursor sobre Lookbook hotspots y haz clic en Seleccionar.

    (1) Haz clic en Agregar producto, (2) elige Lookbook hotspots.

  2. Agrega la foto

    En Editar elemento, en General, escribe el Encabezado y haz clic en Seleccionar imagen en Imagen. La sección Hotspots aparece cuando el bloque tiene una imagen.

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

  3. Coloca los hotspots

    En Hotspots, haz clic en la imagen donde aparece un producto para agregar un punto numerado. En cada Hotspot, haz clic en Seleccionar productos y elige el producto de ese lugar.

  4. Guarda y publica

    Haz clic en Guardar y luego en Publicar.

Ajustes

General

EncabezadoPredeterminado: Compra el look
Texto sobre la foto.
ImagenPredeterminado: Ninguna
La foto del lookbook.
AnchoPredeterminado: 66.66%
Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.

Hotspots

X / YPredeterminado: Donde hiciste clic
La posición del punto en la imagen, en % desde la izquierda y desde arriba. Cámbiala para ajustar el punto con precisión.
Seleccionar productosPredeterminado: Ninguno
El producto que abre el punto. Un hotspot sin producto no se muestra en la imagen.
Eliminar
Borra el hotspot.

Hasta 6 hotspots por imagen. Si quitas la imagen, la sección Hotspots se oculta hasta que añadas otra. La Visibilidad funciona como en cualquier bloque; consulta Ajustes que tienen todos los bloques.

Consejos

  • Usa una foto con espacio alrededor de los productos, para que los puntos y las tarjetas de producto no se tapen entre sí.
  • Coloca cada punto sobre el propio producto, no en el borde de la foto.
  • Las tarjetas de producto siguen los ajustes de producto de tu menú: Ajustes > Avanzado > Mostrar botón Agregar al carrito agrega también un botón Agregar al carrito a ellas.

¿Te ha sido útil?

Informar de un problema