Documentation

SDK 2.0 · GUIDES DES FONCTIONS

Construisez un look et des tenues

Comprenez les looks créés par les acheteurs, les tenues des commerçants et les demandes Web SDK multi-vêtements.

Shopify : des looks créés par les acheteurs

La création d'un look commence et dépend de l'essai virtuel. Activez-le dans les paramètres des fonctionnalités et activez Afficher Créer un look sur le bloc Cabine d'essayage. Enregistrez le thème et rechargez la vitrine.

Shopify : tenues créées par les marchands

L'onglet Tenues est un workflow bêta distinct permettant d'associer un haut Ready et un bas Ready. Sélectionnez des variantes, nommez la tenue et créez-la. Créer une tenue ne la fait pas vivre : activez-la séparément. La désactivation d'un produit sous-jacent désactive également la tenue.

Web SDK : demander une tenue existante

Ajouter un conteneur avec ID spreeai-look. Passez plusieurs entrées de vêtements, avec des variantes facultatives, pour demander une tenue disponible contenant les produits sélectionnés.

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-look",
    garments: [
      { garmentId: "TOP_GARMENT_ID", variant: { color: "blue" } },
      { garmentId: "BOTTOM_GARMENT_ID", variant: { color: "indigo" } },
    ],
  });
}

Vérifiez le résultat

  • Confirmez que tous les vêtements demandés et variantes épinglées appartiennent à une tenue disponible.
  • Vérifiez le bouton de tenue et les vêtements affichés après son ouverture.
  • Testez la solution de secours sans correspondance et confirmez que le premier vêtement est approprié.
  • Testez l’intégration du panier séparément. L'option Ajouter un look au panier de Shopify ajoute le produit actuel, et non tous les articles d'un look.
Références sources

Recherchez les titres et le contenu des pages. Échapper ferme la recherche.

Choisissez votre langue.