Configurar el carrito
POM ofrece controles de presentación para el carrito de navegación, el desplegable o carrito lateral, y la página principal del Carrito. WooCommerce sigue siendo responsable del contenido del carrito, los cupones, los cálculos de envío, los totales y los avisos.
Configurar el carrito de navegación
- Ve a Settings → POM Theme → E-Commerce → Cart and checkout → Dropdown and side cart.
- Activa el carrito de navegación si la tienda lo necesita.
- Elige su posición de navegación admitida.
- Selecciona Default dropdown o Side cart.
- Configura las etiquetas visibles, los colores y los estilos de los botones.
- Decide si ocultar la acción View cart.
- Para un carrito lateral, establece su título y elige si se abre después de añadir un producto.
- Revisa la acción del carrito vacío.
- Guarda los ajustes.
Una ruta directa al pago (Checkout) puede ser útil, pero no elimines la ruta del Carrito cuando los clientes necesitan revisar cantidades, cupones, envío u opciones de producto antes de pagar.
Configurar la página del Carrito
Abre Settings → POM Theme → E-Commerce → Cart and checkout → Cart layout cuando esa sección de funciones esté habilitada. Elige el diseño que conserve la tabla del carrito de WooCommerce, los totales, los avisos, el formulario de cupones y la acción de pago.
No sustituyas el contenido dinámico del carrito por una copia estática creada con el maquetador de páginas. WooCommerce debe mostrar el estado de la sesión en vivo.
Probar los cambios del carrito
Usa una sesión sin iniciar sesión y prueba:
- un carrito vacío;
- un producto simple;
- varios productos;
- un producto variable;
- aumentos y disminuciones de cantidad;
- la eliminación de un producto;
- un cupón válido y otro no válido;
- el recálculo del envío donde se utilice;
- una respuesta de producto agotado o con existencias insuficientes;
- abrir, cerrar y actualizar el desplegable o carrito lateral;
- continuar al Carrito y al pago (Checkout).
Resultado esperado: el recuento de artículos, los totales por línea, el subtotal, los avisos y las acciones disponibles coinciden en el carrito de navegación, el carrito lateral y la página del Carrito.
Revisión en móvil y teclado
Los campos de cantidad conservan la etiqueta de producto asociada. Sus controles de aumentar y disminuir usan nombres accesibles traducidos y la interacción de teclado existente. En tiendas multilingües, comprueba estos nombres en todos los idiomas y confirma que actualizar la cantidad recalcula el carrito con normalidad.
Las etiquetas fijas del carrito usan el catálogo gettext pom del tema, incluidas las acciones de cupones y los controles de cantidad creados después de una actualización del carrito. Mantén las traducciones en el catálogo de idiomas del tema para la configuración regional del sitio; no se requiere ningún módulo opcional de traducción del pago. Las etiquetas personalizadas del carrito de navegación usan en su lugar la integración de Polylang del tema.
Confirma que el carrito se abre y se cierra sin atrapar el foco, que el control de cierre tiene un nombre accesible claro, que el panel se desplaza cuando el contenido supera el área de visualización y que los controles de pago permanecen visibles por encima de las superposiciones del navegador o de cookies.
Solución de problemas
Si los fragmentos del carrito muestran totales obsoletos, primero excluye el Carrito y el pago de la caché de página completa y vuelve a probar en una sesión nueva. Si el comportamiento de añadir al carrito directamente resulta confuso para los productos variables, revisa los ajustes de acción del archivo de productos y dirige a los clientes a la página del producto cuando se requiera una selección.