Descripción
Lookwick convierte una sola imagen en una escena de compras. Sube una foto, fija tus
productos de WooCommerce en ella como hotspots e incrusta el resultado en cualquier lugar con un
shortcode. Cuando un comprador activa un hotspot, aparece una pequeña tarjeta de producto con
la miniatura, el título, el precio y un enlace para añadir al carrito, de modo que puedan comprar directamente
desde la imagen.
Está diseñado para tiendas que venden el look completo: atuendos de moda, conjuntos de habitaciones, guías
de regalos, fotos de ingredientes de recetas o cualquier lugar donde varios productos convivan en una sola foto.
El código se desarrolla de forma abierta. Explóralo o reporta un error en
github.com/wppoland/plogins-lookbook.
Documentación y enlaces
- Documentación: plogins.com/plogins-lookbook/docs/
- Página del plugin: plogins.com/plogins-lookbook/
- Código fuente: github.com/wppoland/plogins-lookbook
- Informes de errores y solicitudes de funciones: github.com/wppoland/plogins-lookbook/issues
Cómo funciona
- Crea un lookbook en el menú Lookbooks y establece su imagen con la
caja de Imagen destacada. - Añade un hotspot para cada producto: posiciónalo con un porcentaje X e Y e
ingresa el ID del producto. - Incrústalo con
[lookbook id="123"].
Características
- Imagen interactiva: fija cualquier cantidad de productos como hotspots en una sola imagen.
- Editor de hotspots sencillo: posiciona cada producto por porcentaje X/Y.
- Marcadores de hotspot accesibles: botones reales, operables con teclado y con etiquetas para lectores de pantalla.
- Ventana emergente (popover) de tarjeta de producto con miniatura, título, precio en vivo y enlace de añadir al carrito.
- Shortcode
[lookbook id="N"], más un widget de Shoppable Lookbook para Elementor que admite el ID del lookbook. - Lee los datos de los productos en vivo desde WooCommerce, por lo que los precios y el inventario siempre están actualizados.
- Se degrada limpiamente: un lookbook sin imagen, sin hotspots o solo con productos eliminados no muestra nada o solo muestra la imagen, nunca un marcado roto.
- El CSS se adapta a esquemas de color claros y oscuros y respeta prefers-reduced-motion.
- Sin saltos en el layout, sin jQuery, los recursos se cargan solo donde aparece un lookbook.
- Listo para traducción (POT incluido) y desinstalación limpia.
- Compatible con HPOS y bloques de carrito/pago.
Servicios externos
Lookwick no se conecta a ningún servicio externo. Construye la imagen interactiva a partir de datos que ya están en tu sitio: la propia entrada del lookbook (un tipo de contenido personalizado lookbook), su Imagen destacada de tu biblioteca de medios, los hotspots almacenados en el post meta _lookbook_hotspots y las opciones de presentación guardadas en la opción lookbook_settings. Los títulos de productos, precios, miniaturas y enlaces de añadir al carrito se leen en tiempo real desde tu propia tienda WooCommerce. Nada sobre tus productos, compradores o pedidos se envía fuera del sitio, y el plugin no carga fuentes, scripts ni analíticas de terceros.
Traducciones
Lookwick es totalmente traducible e incluye la plantilla lookwick.pot. Las traducciones se entregan mediante paquetes de idioma de WordPress.org desde translate.wordpress.org, donde se colabora en polaco, alemán y español; el paquete en sí no incluye archivos de traducción compilados.
Capturas



Instalación
- Sube el plugin a
/wp-content/plugins/lookwicko instálalo a través de Plugins > Añadir nuevo. - Actívalo. WooCommerce debe estar instalado y activo.
- Crea tu primer lookbook en Lookbooks > Añadir nuevo: establece la Imagen destacada y luego añade hotspots de productos.
- Ajusta la presentación global en WooCommerce > Lookwick.
- Incrusta un lookbook con
[lookbook id="123"].
Preguntas frecuentes
-
¿Requiere WooCommerce?
-
Sí. Lookwick solo funciona cuando WooCommerce está activo, y los hotspots enlazan a
productos de WooCommerce. -
¿Cómo encuentro el ID de un lookbook?
-
Abre la lista de Lookbooks en el menú Lookbooks; el ID se muestra al editar
(post=123 en la URL). Úsalo en el shortcode. -
¿Cómo posiciono un hotspot?
-
Cada hotspot tiene un valor X y uno Y, ambos porcentajes desde la parte superior izquierda de la
imagen (0-100), para que puedas alinear los marcadores con los productos en la foto. -
¿Qué sucede si se elimina un producto fijado?
-
Ese hotspot simplemente se omite. Lookwick nunca renderiza un marcador para un producto
que ya no existe o no está publicado. -
Sí. Ambos son interruptores en WooCommerce > Lookwick, y puedes personalizar la
etiqueta de añadir al carrito. -
¿Ralentizará mis páginas o alterará el layout?
-
No. La hoja de estilos y el script se cargan solo en las páginas que realmente renderizan un lookbook,
el script se difiere y la imagen reserva su espacio, por lo que no hay
Cumulative Layout Shift. -
¿Este plugin funciona en WordPress Multisitio?
-
Sí. Este plugin es compatible con WordPress Multisitio. Actívalo para la red o en sitios individuales; cada sitio conserva sus propios ajustes y datos.
Colaboradores y desarrolladores
Este software es de código abierto. Las siguientes personas han contribuido a este plugin.
Colaboradores“Lookwick – Shoppable Lookbook for WooCommerce” ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.
Traduce “Lookwick – Shoppable Lookbook for WooCommerce” a tu idioma.
¿Interesado en el desarrollo?
Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
1.2.0
- Nuevo: un widget de Shoppable Lookbook para Elementor. Suéltalo en una página e ingresa el ID del lookbook; renderiza el mismo marcado que el shortcode
[lookbook]. El widget se carga solo cuando Elementor está activo.
1.1.4
- Las etiquetas “Coming soon” y “Get notified” del aviso de actualización son cadenas de origen en inglés para todos los idiomas; los sitios en polaco solían tener su propio texto de origen en polaco, que los traductores en otros idiomas veían sin traducir.
1.1.3
- Las filas de hotspots se sanean en el momento en que se leen desde el editor de lookbooks, antes de que se valide cada campo.
1.1.2
- Se renombró a Lookwick, un nombre en inglés simple en lugar del que estaba en esperanto. El text domain y la carpeta del plugin siguen al nombre; los ajustes guardados, las opciones y cada hook se mantienen sin cambios.
1.1.1
- La promoción de actualización de la barra lateral ahora sigue el mismo descarte que el banner. Antes, descartar el banner dejaba un anuncio de altura completa en la pantalla de ajustes de forma permanente, lo cual no es lo que la directriz de WordPress.org sobre avisos de actualización entiende por usar con moderación.
1.1.0
- Se renombró a Bildaro. El equipo de revisión de WordPress.org pide que el nombre de un plugin comience con un identificador distintivo y acuñado en lugar de una palabra descriptiva genérica. Bildaro significa conjunto de imágenes en esperanto. El text domain sigue al nombre; los datos guardados, los ajustes y cada hook se mantienen sin cambios.
1.0.12
- Seguridad (baja): la imagen de la tarjeta del lookbook se escapa después del filtro
lookbook/card_image_htmlen lugar de antes de él. La imagen por defecto se saneaba de camino al filtro, por lo que cualquier cosa que devolviera una devolución de llamada pasaba a la página sin comprobar. - Corregido: al escapar la imagen a través de la lista de permitidos de entradas del núcleo, se eliminaban
srcset,sizesydecoding, por lo que la tarjeta servía un tamaño de imagen fijo en lugar del conjunto adaptativo que construía WooCommerce. La lista de permitidos ahora los conserva, y conserva los atributosvideoque utilizan los hotspots de video de la edición de pago.
1.0.11
- Corregido: la promoción de actualización a PRO seguía mostrándose a personas que ya habían comprado la edición de pago. Solo el banner se podía descartar, por lo que la promoción de la barra lateral y las tarjetas de funciones bloqueadas seguían a un cliente de pago para siempre. La promoción ahora comprueba si la edición de pago está activa y se oculta cuando lo está.
- Corregido: glifos de flecha en las rutas de los menús de administración y en las cadenas entregadas a los traductores. Una flecha dentro de una cadena traducible convierte el glifo en un problema para cada traductor y cambia el layout en cualquier idioma que la omita.
1.0.10
- Corregido: al eliminar el plugin quedaba en la base de datos la marca de “descartar” por usuario del aviso de PRO. Ahora la desinstalación la elimina para todos los usuarios, no solo para quien la descartó.
1.0.9
- Se regeneró la plantilla de traducción. Todavía nombraba una versión anterior del plugin y apuntaba a líneas de código fuente que se habían movido desde entonces, que es lo que leen las herramientas de traducción para mostrar una cadena en contexto.
1.0.8
- Se renombró a Plogins Lookbook – Shoppable Lookbook for WooCommerce para que el nombre comience con la marca en lugar de una palabra genérica, que es lo que solicita el equipo de revisión de plugins de WordPress.org. El slug del plugin permanece sin cambios.
1.0.7
- Probado con WordPress 7.1. Verificado al activar esta compilación en una instalación limpia de 7.1 con WooCommerce 11.1, no editando la cabecera.
1.0.6
- Se corrigió la promoción de PRO en la pantalla de ajustes que cotizaba un precio en PLN. PRO tiene precio y cobro en EUR, por lo que a un administrador en un sitio polaco se le mostraba una cantidad en zlotys y luego se le facturaba en euros, y la cifra en zlotys era una conversión fija que variaba del cargo real a medida que fluctuaba el tipo de cambio. La promoción ahora muestra el precio en euros que realmente se cobra.
1.0.4
- Traducciones: se completó el polaco, alemán y español para el panel de actualización a PRO.
1.0.3
- Se corrigió el bajo contraste en los encabezados del admin bajo la preferencia de modo oscuro del sistema operativo.
1.0.2
- Se añadieron traducciones integradas en polaco, alemán y español para la interfaz del plugin.
1.0.1
- Primer lanzamiento estable.
0.1.5
- Se renombró a Plogins Lookbook for WooCommerce para tener un nombre de plugin más distintivo.
0.1.4
- Disparo de
lookbook/renderedtras renderizar una plantilla de lookbook y exposición dedata-lookbook-iden el elemento raíz para analíticas de extensiones.
0.1.3
- Añadidos atributos de datos a hotspots y un evento de frontend
lookbook:hotspot-openedpara analíticas de extensiones que protegen la privacidad.
0.1.2
- Añadido el filtro
lookbook/scene_media_htmly compatibilidad con escenas de video (media_type,video_url,video_id) a través delookbook/scenes. - Añadido el filtro
lookbook/sanitize_hotspoty paso de contexto de hotspot alookbook/card_image_htmlpara marcadores de video de extensiones. - Añadidas las acciones
lookbook/admin_hotspot_row_*para que Pro pueda ampliar el editor de hotspots.
0.1.1
- Añadido el filtro
lookbook/card_image_htmlpara permitir que las extensiones personalicen la salida de la galería/miniatura de la tarjeta de producto. - Añadido el filtro
lookbook/scenespara que las extensiones puedan adjuntar imágenes interactivas adicionales a un lookbook.
0.1.0
- Versión inicial: lookbooks interactivos con una imagen, hotspots de productos posicionados por porcentaje, una ventana emergente accesible para la tarjeta de producto y un shortcode
[lookbook].
