Páginas de producto

Las páginas de producto usan la sección **Producto principal** más **Productos relacionados**, **Vistos recientemente**, FAQ y CTA. Asigna plantillas alternativas en Admin → Productos → Plantilla del tema.

Plantillas

• **Producto predeterminado** — buy box híbrido retail y servicio.
• **product.service** — prioriza Reservar con chips, timeline, tarjeta de especialista, pestañas de prep/aftercare y galería antes/después desde el metafield `custom.transformations` (oculta si está vacío).
• **product.retail** — guía de tallas, urgencia de inventario e iconos de pago.
• **product.gift** — destinatario de tarjeta regalo y compartir.

Etiqueta los servicios reservables con **type:service**. La plantilla cambia el diseño por defecto; la etiqueta activa el flujo priorizando Reservar.

Retail frente a servicio

En servicios, **Añadir al carrito** está desactivado por defecto; actívalo si vendes depósitos o kits desde el mismo PDP. Con el carrito oculto, también se ocultan acciones solo retail (recogida, plazos de pago, filas de inventario/SKU, checkout dinámico y aviso de agotado). Para suscripciones retail, añade el bloque **Plan de venta** (no viene en la plantilla retail).

Diseño de medios

En escritorio elige posición, tamaño de columna y diseño de galería. **Ocultar medios de otras variantes** filtra imágenes asignadas y deja visibles las no asignadas. Para varias fotos de un color, pon el mismo **texto alt** que la imagen destacada de la variante (por ejemplo `Negro`). Las galerías con varias imágenes muestran controles anterior/siguiente y el estado «medio X de Y».

Bloques del buy box

Reordena precio, inventario, guía de tallas, filas plegables (borde ninguno / solo inferior / completo y radio de esquina opcional), icono con texto, franja de confianza, nota de disponibilidad, recogida, compartir e iconos de pago. Las pastillas de variante muestran el valor seleccionado y marcan con claridad las opciones agotadas.

Guías de tallas (retail de marca)

Para ropa y merchandising de marca, abre la plantilla de producto → bloque **Guía de tallas**. Incluye una tabla de ejemplo XS–XXL en **Contenido de la guía**—edita los números según tu marca. Opcionalmente añade título, intro e imagen de cómo medir. En móvil, las tablas anchas se desplazan en horizontal con una pista breve para el comprador.

En catálogos multi-marca, asigna una **página** de Shopify en el bloque o define el metafield **custom.size_chart** (referencia a página). Precedencia: metafield del producto → página del bloque → contenido del bloque. No aparece en productos de servicio. Usa la plantilla **product.retail** para PDPs de ropa.

Páginas de producto de servicio

En **product.service** (con la etiqueta **type:service**), el buy box prioriza la reserva—no el carrito. Espera:

• Precio **Desde** por defecto, con una nota de que el precio final se confirma al reservar.
• Chips etiquetados de **duración** y curación, más un aviso de prep cuando existe **prep_instructions**.
• Callouts de **idoneidad** (contraindicaciones) y **políticas** (nota de depósito) con títulos claros.
• Tarjeta de **especialista** más rica (rol, especialidad, enlaces de perfil y reserva) y **ubicación** desde el estudio del especialista cuando esté disponible.
• Etiqueta **Reservar consulta** cuando **consultation_required** es verdadero.
• **Aftercare relacionado** desde **custom.service_pairing** (se omiten otros productos de servicio para mantener el emparejamiento en retail/aftercare).
• Bloques de **app** de reserva bajo un montaje etiquetado tras el formulario; **URL alternativa de reserva** cuando los ajustes de reserva del tema están vacíos o usan un programador externo.

Metafields de servicio

Define estos metafields de producto (namespace **custom**) para PDPs de servicio más ricos:

• **duration_minutes**, **healing_days**, **consultation_required**, **specialist**.
• **session_timeline**, **contraindications**, **deposit_note**, **consent_notice**.
• **prep_instructions**, **aftercare_instructions** — pestañas de prep y aftercare.
• **service_pairing** (lista de productos) — aftercare complementario en el PDP y el carrito.
• Etiqueta **requires_consent** para exigir una casilla antes de Reservar o Añadir al carrito.

Acciones fijas en móvil

La barra fija de Producto principal aparece en pantallas pequeñas cuando el control principal de Añadir al carrito o Reservar sale de la vista. Modos: **Auto** (Reservar cuando el carrito de servicio está oculto), **Comprar**, **Reservar** o **Ambas**. Si la plantilla también incluye la franja CTA de reserva fija, la barra del producto se sitúa encima. Al abrir el cajón del carrito, ambas se ocultan para no bloquear el checkout. Widgets de chat o cookies que cubran la parte inferior se pueden despejar con CSS personalizado: `--sa-bottom-chrome-offset: 4.5rem`.

Datos estructurados para búsqueda

Activa **Mostrar Product JSON-LD** para el marcado Product (ofertas en retail; los servicios omiten afirmaciones de stock tipo carrito). Activa **Mostrar Service JSON-LD** en productos **type:service** reservables (rango de precio y canal de reserva, sin etiquetas de inventario En stock). Las estrellas solo aparecen cuando **reviews.rating** y **reviews.rating_count** son válidos. Desactiva Product JSON-LD si una app de reseñas ya emite el mismo marcado.