Ajustement adapté à la taille | SDK 2.0

Configuration Shopify

L'ajustement en fonction de la taille démarre et fonctionne indépendamment de l'essai virtuel. Ajoutez le SPREEAI Trouvez votre taille bloquez près du sélecteur de taille du produit, enregistrez le thème et testez un produit activé. La désactivation de l'ajustement tenant compte de la taille masque le bouton et arrête les recommandations de taille.

Configuration Web SDK

enableSizingRecommendation demande le flux de recommandation de taille à l’intérieur de l’essayage. showSizes affiche les tailles disponibles fournies ; showPrices affiche le prix fourni. Tous les trois sont par défaut false. L’affichage des étiquettes de taille ne permet pas à lui seul de formuler une recommandation.

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",
  });
}

Données et comportement

Fournissez les étiquettes de taille actuellement en stock et affichez le prix depuis votre vitrine.
Confirmez que les données d’ajustement et de taille requises du produit sont prises en charge lors de l’intégration.
Utiliser defaultUnits pour choisir des mesures métriques ou impériales dans le profil.
Gardez le tableau des tailles de la marque à disposition. Un aperçu visuel ou une recommandation ne garantit pas la forme physique.

Dimensionnement autonome

Le SDK v3.0.0 renvoyé expose renderTryOnButton(). Il n'expose pas un appelable renderSizingButton(), même si les types liés au dimensionnement restent dans le package. Utilisez le flux intégré pris en charge ou le bloc Shopify.

Vérification du panier

Sur Shopify, Activer Ajouter au panier commence. Lorsqu'il est activé, vérifiez que le produit actuel est ajouté dans la taille sélectionnée dans la cabine d'essayage. Sur le Web personnalisé, validez les données de rappel et mappez-les aux identifiants de produit et de variante de votre propre panier.

Références sources