Skip to content
WooCommerce & WordPress Plugin Docs

Peek

Peek añade un botón de vista rápida a los productos de la tienda y los archivos de WooCommerce. Al activarlo, abre un diálogo accesible con la información necesaria para revisar y comprar el producto sin abandonar el listado.

Qué incluye la edición gratuita

Section titled “Qué incluye la edición gratuita”
  • galería de imágenes, título, SKU, precio, estado de stock y descripción corta;
  • formulario nativo de añadir al carrito, también para productos variables;
  • enlace a la página completa del producto;
  • botón debajo de la tarjeta o superpuesto sobre la imagen al pasar el puntero o enfocar;
  • selección de las secciones que aparecen en el diálogo;
  • cierre con Escape, trampa de foco, devolución del foco al botón de origen y atributos ARIA;
  • cierre opcional al pulsar el fondo;
  • shortcodes [peek] y [peek_quick_view];
  • hooks para adaptar el contenido sin sustituir plantillas.

Peek carga su propio JavaScript sin jQuery, con defer y en el pie de página. Cuando el diálogo contiene un producto variable, WooCommerce puede cargar además su script nativo de variaciones, que sí depende de jQuery.

El modal permanece oculto y fuera del flujo hasta que se abre, por lo que no reserva espacio ni provoca salto de diseño. El motor compartido con Polski for WooCommerce mantiene el mismo comportamiento de escaparate sin duplicar lógica.

Dónde aparece

Section titled “Dónde aparece”

El botón se inserta en los bucles estándar de productos de WooCommerce, por ejemplo en la tienda, categorías, etiquetas y resultados compatibles con esos hooks. Nunca se añade automáticamente a una página de producto individual. Allí puedes mostrarlo manualmente con un shortcode si tu diseño lo necesita.

El alcance puede limitarse a la tienda y los archivos, o incluir también los bucles de productos relacionados y ventas dirigidas en páginas de producto.

Shortcodes

Section titled “Shortcodes”

Ambos shortcodes aceptan los mismos atributos:

[peek]
[peek id="123" text="Vista rápida" style="outline"]
[peek_quick_view id="123"]
  • id indica el producto. Si se omite, Peek intenta usar el producto actual.
  • text sustituye la etiqueta del botón.
  • style acepta el estilo de botón disponible en Peek.

Solapamiento con Polski

Section titled “Solapamiento con Polski”

Peek utiliza el mismo módulo de vista rápida incluido en Polski for WooCommerce. Si ese módulo ya está activo, no actives Peek a la vez. Elige una sola implementación para evitar botones y diálogos duplicados.

Consulta la documentación de vista rápida de Polski o la comparación de plugins independientes si estás decidiendo cómo organizar las funciones de la tienda.

Siguientes pasos

Section titled “Siguientes pasos”