Crea tu primer producto Composite

POM Composite Products permite que un cliente construya una única configuración comprable a partir de los productos y variaciones que ya están en tu catálogo de WooCommerce. Esta guía está pensada para propietarios de tiendas que quieren activar el ajuste y publicar un configurador sencillo y funcional antes de añadir precios avanzados o lógica condicional.

Antes de empezar

Necesitas:

  • WooCommerce y POM Tweaks activos en el sitio actual;
  • permiso para editar productos de WooCommerce;
  • al menos dos productos simples publicados o variaciones comprables para usar como opciones; y
  • una página de producto donde pueda ejecutarse JavaScript, porque el precio actual y la disponibilidad los confirma el servidor antes de añadir al carrito.

POM Tweaks registra su propio tipo Composite product. No convierte ni se apropia de los productos creados por la extensión oficial WooCommerce Composite Products.

De forma predeterminada, las fuentes de capítulos aceptan registros publicados de WooCommerce de tipo Simple product y Variable product. Un producto variable aporta sus variaciones comprables. Los tipos de producto de suscripción no son opciones de componente porque requieren un contrato distinto de facturación recurrente y carrito; por tanto, una categoría que contenga solo suscripciones no produce opciones de Composite.

Activa los productos Composite

  1. Ve a Settings → POM Tweaks → E-Commerce → Products.
  2. Activa Composite products.
  3. Abre los ajustes del tweak.
  4. Elige el Default layout, Default component price source y el comportamiento de Category membership para los productos nuevos.
  5. Define las etiquetas predeterminadas Chapters label, Summary label, Configuration quantity label, Default summary hook y Default summary priority.
  6. En Composite product skin, elige el color de acento, el fondo de la opción seleccionada, las superficies, el borde, el texto atenuado, el color de error y el radio de las esquinas. Deja los valores predeterminados cuando el tema activo ya proporcione un sistema visual adecuado.
  7. Guarda los ajustes.

Estos valores inicializan los productos Composite nuevos. Un producto puede anularlos más adelante sin cambiar los productos que ya se han guardado.

El skin no define deliberadamente una familia tipográfica ni un tamaño de fuente para los títulos. Los títulos de producto y los encabezados de capítulos o resumen siguen usando la tipografía del tema activo. Cuando POM Theme está activo, los botones de acción y los avisos de validación usan automáticamente su presentación compatible de botones y de cuadros informativos.

El editor de productos coloca una breve guía justo debajo de los campos cuyo efecto no resulta obvio. Usa esas notas para distinguir el cero de un valor ilimitado, entender la precedencia de precios, elegir los controles de la tienda y colocar el constructor y el resumen de forma independiente. La guía describe el comportamiento guardado; no sustituye la validación del servidor cuando los campos entran en conflicto.

Ajustes de Composite products con el diseño predeterminado y las etiquetas

Crea el producto

  1. Ve a Products → Add New Product.
  2. Introduce el nombre del producto, la descripción, la imagen, el estado fiscal, los ajustes de stock y cualquier peso o dimensión del producto principal que necesites. Activa la opción Virtual de WooCommerce cuando la configuración principal completa no requiera envío.
  3. En Product data, elige Composite product.
  4. Abre Composite chapters.
  5. Selecciona Add chapter.
  6. Introduce un Name y, si resulta útil, una Description que indique al cliente qué debe elegir.
  7. En Source, elige Specific products y añade dos o más productos o variaciones publicados.
  8. En Selection rules, activa Customers must complete this chapter.
  9. En Storefront display, elige Radio list para que la primera prueba permita exactamente un producto. Mantén visibles las imágenes y los precios, y elige los recuentos de columnas adaptables que se ajusten a los nombres e imágenes de los productos.
  10. En Pricing and global limits, mantén Base price plus components y Current WooCommerce price para este primer producto.
  11. En Storefront layout, mantén Stacked, Default add-to-cart area e Inline. Cambia Configuration quantity label cuando un término como “Cajas”, “Kits” o “Reservas” resulte más claro que “Configuraciones”.
  12. Mantén Builder position y Summary position separados. El primero controla dónde hacen sus elecciones los clientes; el segundo controla dónde aparecen la selección en vivo y el total.
  13. Mantén activados Show Edit links in the summary y Show Remove links in the summary para este primer producto. Se pueden desactivar de forma independiente cuando el resumen deba ser de solo lectura o exponer solo una acción.
  14. Publica o actualiza el producto.

Un primer capítulo en el panel de datos de producto Composite chapters

Verifica la tienda

  1. Abre el producto publicado en una ventana privada del navegador.
  2. Confirma que el capítulo contiene los productos o variaciones que seleccionaste.
  3. Elige una opción y espera a que el total se actualice.
  4. Confirma que los enlaces en línea Edit y Remove realizan sus acciones correspondientes.
  5. Añade la configuración al carrito.
  6. Confirma que el carrito contiene una fila de configuración principal y su fila de componente.
  7. Cambia la cantidad del producto principal y confirma que la cantidad del componente se mantiene sincronizada.
  8. Continúa al pago y realiza un pedido de prueba con un método de pago de prueba seguro.

El resultado esperado es una configuración vinculada cuyo precio, stock, impuestos, envío, carrito y datos de pedido son validados por WooCommerce y POM Tweaks en el servidor. Editar un importe mostrado en el navegador no puede cambiar el precio cobrado.

Elige la siguiente guía

Referencia para desarrolladores de Composite Products
Anterior
Controla las opciones con escenarios y compatibilidad
Siguiente