Configurar archivos de productos
Los archivos de productos incluyen la página de tienda (Shop) y las páginas de taxonomía de productos, como categorías y atributos. POM puede usar la presentación de archivo predeterminada de WooCommerce o un diseño de editor personalizado.
Antes de empezar
Prepara productos publicados con títulos, precios, imágenes, estados de existencias, categorías, atributos y variaciones realistas. Crea primero la plantilla de barra lateral y de feed si el diseño previsto las usa.
Elegir el diseño del archivo
- Ve a Settings → POM Theme → E-Commerce → Storefront → Product archives.
- Ajusta Shop page layout a Default layout o Custom editor layout.
- Elige el diseño del archivo y la barra lateral cuando corresponda.
- Selecciona la barra lateral registrada si el diseño incluye una.
- Habilita una barra lateral de archivo fija solo después de confirmar que su contenido cabe en áreas de visualización cortas.
- Guarda los ajustes.
Un diseño de editor personalizado permite que el contenido traducido de la página Shop participe en el escaparate. Verifica cada idioma habilitado por separado.
Descripciones de la tienda e idiomas
Con el diseño de archivo predeterminado, el contenido de la página Shop proporciona la descripción en la primera página de resultados sin búsqueda. Los párrafos, los bloques nativos de POM y los shortcodes existentes pueden coexistir en ese contenido. El marcado de bloques conserva su espaciado creado; el texto clásico sigue recibiendo párrafos automáticos. Los recursos condicionales de la descripción están disponibles antes de que se envíe el encabezado de la página.
Para una tienda multilingüe:
- Asigna la página Shop en WooCommerce → Settings → Products.
- Crea y publica sus traducciones con Polylang, enlazándolas como traducciones de esa misma página. Cada una puede tener su propio slug y descripción.
- Abre cada enlace de Shop traducido y verifica que muestre el catálogo, no una página normal. Comprueba el orden, los filtros de precio, la siguiente página de resultados y una búsqueda sin resultados.
- Comprueba el selector de idioma. Cambiar de idioma abre la primera página sin filtrar de la tienda de destino; las opciones de taxonomía y los recuentos de resultados pueden diferir entre idiomas.
POM proporciona gestión de rutas de tienda cuando Polylang está activo sin Polylang para WooCommerce. Respeta si los productos están configurados como traducidos o compartidos; traducir la página Shop no traduce automáticamente los productos. Cuando Polylang para WooCommerce está activo, ese plugin gestiona el enrutamiento multilingüe de la tienda. La compatibilidad de rutas limitada de POM no sustituye su integración de carrito, pedidos, sincronización de productos o pago.
Los enlaces de página Shop mediante ID de página conservan su idioma de destino y sus parámetros de navegación. Las instalaciones con enlaces permanentes simples usan la URL de archivo de productos de WooCommerce. Mantén publicadas las traducciones de la tienda; una traducción en borrador no es un destino público de tienda. Las páginas hijas bajo una página Shop siguen siendo páginas normales.
Configurar el bucle de productos
Para una presentación de archivo personalizada:
- Elige el contenedor del bucle de productos que requiere el diseño.
- Selecciona la plantilla de resultados personalizada.
- Configura el número de columnas y filas de subcategorías.
- Decide si las tarjetas de producto muestran valoraciones y vista rápida.
- Elige si los botones de añadir al carrito del archivo añaden directamente o abren la página del producto.
- Si es necesario, habilita el comportamiento de ventana emergente del producto para productos variables o con complementos.
- Guarda e inspecciona un archivo con contenido.
La plantilla de feed seleccionada controla el marcado de la tarjeta de producto. Si no hay una plantilla legible disponible, la alternativa es intencionadamente mínima y no debe tratarse como una tarjeta de producto acabada.
Las ventanas emergentes de producto iniciales se representan a nivel de documento, mientras que las ventanas emergentes insertadas dinámicamente se mueven allí antes de abrirse, de modo que los contextos de apilamiento de tarjeta, archivo y barra lateral del carrito no pueden cubrir el diálogo ni colocarlo detrás de su fondo. Un producto POM Composite configurado representa sus capítulos, total actual, cantidad y acción de añadir al carrito dentro de la ventana emergente; cada Composite mostrado en el mismo archivo conserva sus propias solicitudes de presupuesto y opciones de componentes.
Configurar el comportamiento de navegación
Elige una forma principal de avanzar por conjuntos de resultados grandes:
- paginación;
- desplazamiento infinito;
- una opción de ver todo.
Mantén un recuento de productos por página razonable. Una primera página muy grande aumenta el trabajo de imágenes, marcado y navegador incluso cuando las imágenes se cargan de forma diferida.
También puedes configurar el texto de agotado, ocultar las miniaturas de subcategoría, quitar los prefijos del título de archivo u ocultar acciones de producto seleccionadas cuando el diseño lo requiera.
Cuando las miniaturas de subcategoría están visibles, una categoría sin imagen disponible usa el marcador de posición de WooCommerce. Selecciona una imagen existente en el editor de categorías para reemplazarla.
Verificar cada estado del archivo
Prueba:
- la página principal Shop;
- una categoría de producto de nivel superior;
- una subcategoría;
- un archivo de atributo o de taxonomía de producto personalizada;
- una página con varias páginas de resultados;
- un estado sin resultados;
- productos en oferta y agotados;
- acciones de productos simples, variables, con complementos y POM Composite, incluidas las selecciones obligatorias y añadir al carrito dentro de las ventanas emergentes del producto;
- la barra lateral en un área de visualización móvil corta;
- cada ruta de Shop traducida.
Resultado esperado: el encabezado, la navegación, las tarjetas, los filtros, el recuento de resultados, la paginación y las acciones de producto se refieren todos al mismo contexto de archivo.
Solución de problemas
Si el archivo personalizado muestra una tarjeta incompleta, confirma que la plantilla de feed seleccionada está publicada y contiene las etiquetas de combinación de producto necesarias. Si una barra lateral está vacía, confirma que hay widgets o bloques asignados a la barra lateral registrada seleccionada. Si falta contenido de Shop traducido, verifica la traducción de la página Shop y su asignación en WooCommerce antes de cambiar la plantilla.