Crea un escaparate completo de WooCommerce
Esta receta ordena el trabajo de una tienda impulsada por POM, desde la configuración comercial hasta el descubrimiento de productos, la compra y el uso de la cuenta del cliente. WooCommerce se encarga de los productos, pedidos, impuestos, envío, pagos, existencias y correos electrónicos; POM se encarga de la presentación del escaparate y de las funciones opcionales del tema.
Prepara la tienda
Configura la dirección de la tienda, la moneda, los impuestos, el envío, los pagos, las cuentas, la privacidad, el correo electrónico y las páginas asignadas en WooCommerce. Usa el modo de prueba de la pasarela y realiza un pedido básico antes de aplicar estilos.
Crea un producto simple, un producto variable, un producto en oferta, un producto agotado y productos con imágenes, categorías, atributos y descripciones realistas.
Configura el catálogo
- Ve a Settings → POM Theme → E-Commerce → Storefront → WooCommerce storefront.
- Configura el contenido del catálogo, la ordenación, la densidad de productos, las dimensiones de las imágenes y el recorte.
- Configura Storefront → Product archives.
- Elige el diseño del archivo, la barra lateral, la paginación, el contenedor de resultados y la plantilla de feed personalizada cuando se utilice.
- Prepara categorías limpias y atributos globales de producto.
- Añade los Advanced filters settings solo después de que los datos del producto sean coherentes.
Resultado esperado: los visitantes pueden comparar productos y llegar a la acción correcta del producto simple o variable.
Configura las páginas de producto
Abre Product single → Product layout y revisa la disposición de la galería, el área de compra, las pestañas, los productos relacionados, las ventas adicionales, las opciones para compartir y la barra fija de añadir al carrito.
Añade solicitud de información, lista de espera de existencias, listas de deseos o vales de regalo solo cuando la tienda tenga un proceso operativo claro para las consultas, notificaciones, listas o canjes resultantes.
Completa el recorrido de compra
- Configura Cart and checkout → Dropdown and side cart.
- Revisa los diseños de Carrito y Pago activados en el sitio.
- Configura el Checkout behavior. Gestiona los requisitos de los campos en Settings → POM Tweaks → E-Commerce → Checkout → Checkout fields customizer.
- Configura el diseño y los endpoints de Mi cuenta.
- Realiza pedidos como invitado y como cliente recurrente.
- Prueba cupones, cambios de envío, validación, fallos de pago, éxito, correo electrónico y detalles del pedido.
Protege el estado dinámico
No almacenes en caché de página completa el Carrito, el Pago, Mi cuenta ni los fragmentos específicos del cliente. Prueba dos sesiones de navegador independientes con carritos y cuentas diferentes después de cada cambio de caché.
Verificación de lanzamiento
Ejecuta el recorrido en teléfono, tableta y escritorio con la sesión cerrada e iniciada. Confirma que los precios, las existencias, el estado de las variaciones, los avisos, los totales, el texto legal, el pago, los correos electrónicos y Mi cuenta coinciden en todos los casos.