Shopify: vom Käufer kreierte Looks
Der Aufbau eines Looks beginnt mit Virtual Try-On und hängt davon ab. Schalten Sie es in den Funktionseinstellungen ein und aktivieren Sie es Show Build a Look im Block Umkleidekabine. Speichern Sie das Theme und laden Sie die Storefront neu.
Shopify: Vom Händler erstellte Outfits
Die Registerkarte „Outfits“ ist ein separater Beta-Workflow zum Kombinieren eines Ready-Oberteils und eines Ready-Unterteils. Varianten auswählen, Outfit benennen und erstellen. Durch das Erstellen eines Outfits wird es nicht zum Leben erweckt: Aktivieren Sie es separat. Durch die Deaktivierung eines zugrunde liegenden Produkts wird auch das Outfit deaktiviert.
Web SDK: Fordern Sie ein vorhandenes Outfit an
Fügen Sie einen Container mit ID hinzu spreeai-look. Übergeben Sie mehrere Kleidungsstückeinträge mit optionalen Varianten, um ein verfügbares Outfit anzufordern, das die ausgewählten Produkte enthält.
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" } },
],
});
}Überprüfen Sie das Ergebnis
- Bestätigen Sie, dass alle angeforderten Kleidungsstücke und angepinnten Varianten zu einem verfügbaren Outfit gehören.
- Überprüfen Sie nach dem Öffnen den Outfit-Button und die angezeigten Kleidungsstücke.
- Testen Sie den No-Match-Fallback und bestätigen Sie, dass das erste Kleidungsstück geeignet ist.
- Testen Sie die Warenkorbintegration separat. Mit der Option „Look zur Tasche hinzufügen“ von Shopify wird das aktuelle Produkt hinzugefügt, nicht jeder Artikel in einem Look.