Primeros pasos con Peek
Requisitos
Section titled “Requisitos”- WordPress 6.5 o posterior.
- WooCommerce 8.0 o posterior, activo.
- PHP 8.1 o posterior.
Peek no registra sus hooks del escaparate hasta que WooCommerce está disponible.
Instalación
Section titled “Instalación”- Instala Peek desde el directorio de plugins de WordPress o sube la carpeta del plugin a
wp-content/plugins/. - Actívalo en Plugins.
- Ve a Peek en el escritorio de WordPress.
- Guarda los ajustes y abre una página de tienda o categoría en otra pestaña.
Configuración inicial
Section titled “Configuración inicial”Empieza con estas decisiones:
- Activa la vista rápida.
- Escribe la etiqueta del botón, por ejemplo Vista rápida.
- Elige el estilo visual y la posición, debajo de la tarjeta o sobre la imagen.
- Define en qué archivos de productos se cargará.
- Marca las secciones que debe mostrar el diálogo.
- Decide si una pulsación sobre el fondo debe cerrarlo.
No necesitas editar una plantilla del tema. Peek se conecta a los hooks de bucle de WooCommerce y usa el formulario de compra nativo del producto.
Primera prueba
Section titled “Primera prueba”Comprueba al menos un producto simple y uno variable:
- Abre la tienda sin iniciar sesión.
- Llega al botón con el teclado y pulsa
Enter. - Confirma que el foco entra en el diálogo y no sale de él al avanzar con
Tab. - Cierra con
Escapey verifica que el foco vuelve al botón que abrió el modal. - En el producto variable, selecciona todos los atributos y confirma que el precio, el stock y el botón responden como en la página del producto.
- Añade el producto al carrito.
Si el tema reemplaza por completo los hooks estándar del bucle, prueba el shortcode dentro de la plantilla o del maquetador:
[peek id="123" text="Ver producto" style="outline"]Qué se carga en el navegador
Section titled “Qué se carga en el navegador”Peek carga sus recursos sólo donde pueden usarse. Su script propio no necesita jQuery, se envía con defer y permanece en el pie. El soporte de variaciones procede de WooCommerce y puede añadir sus dependencias nativas cuando el diálogo las necesita.
El diálogo está oculto hasta la interacción, así que no desplaza el contenido visible. También respeta prefers-reduced-motion.
A continuación
Section titled “A continuación”- Revisa todos los campos en Configuración.
- Consulta ejemplos y detalles del flujo en Uso.
- Si algo no coincide con tu tema, abre Preguntas frecuentes.
Esta documentación describe exclusivamente las funciones disponibles en la edición gratuita de Peek.