Ajuste según el tamaño | SDK 2.0

Configuración Shopify

El ajuste según el tamaño comienza y funciona independientemente de la prueba virtual. Añade el SPREEAI Encuentra tu talla bloquee cerca del selector de tamaño del producto, guarde el tema y pruebe un producto habilitado. Desactivar el ajuste según el tamaño oculta el botón y detiene las recomendaciones de tamaño.

Configuración Web SDK

enableSizingRecommendation Solicita el flujo de recomendaciones de tallas dentro de la prueba. showSizes muestra los tamaños disponibles suministrados; showPrices muestra el precio suministrado. Los tres por defecto son falsos. Mostrar etiquetas de tamaño por sí solo no habilita una recomendación.

TypeScript

import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";

const sdk = await init({ clientId: "YOUR_ISSUED_CLIENT_ID" });
if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{
      garmentId: "YOUR_READY_GARMENT_ID",
      availableSizes: ["XS", "S", "M", "L"],
      price: "$89.00",
    }],
    enableSizingRecommendation: true,
    showSizes: true,
    showPrices: true,
    defaultUnits: "metric",
  });
}

Datos y comportamiento

Proporcione las etiquetas de tamaño disponibles actualmente y muestre el precio desde su tienda.
Confirme que los datos de talla y ajuste requeridos del producto sean compatibles mediante la incorporación.
Usar defaultUnits para elegir medidas métricas o imperiales en el perfil.
Mantenga disponible la tabla de tallas de la marca. Una vista previa visual o una recomendación no garantiza la aptitud física.

Dimensionamiento independiente

El SDK v3.0.0 devuelto expone renderTryOnButton(). No expone un invocable renderSizingButton(), aunque los tipos relacionados con el tamaño permanecen en el paquete. Utilice el flujo integrado compatible o el bloque Shopify.

Verificación del carrito

En Shopify, Habilitar Agregar a la bolsa comienza. Cuando esté habilitado, verifique que el producto actual se agregue en el tamaño seleccionado en el probador. En la web personalizada, valide los datos de devolución de llamada y asígnelos a los ID de variante y producto de su propio carrito.

Referencias fuente