Shopify: door de shopper gecreëerde looks
Het opbouwen van een look begint bij en is afhankelijk van Virtual Try-On. Schakel het in Functie-instellingen in en schakel het in Tonen Bouw een look op het Paskamerblok. Sla het thema op en laad de etalage opnieuw.
Shopify: door verkopers gemaakte outfits
Het tabblad Outfits is een aparte bètaworkflow voor het koppelen van een Ready-top en een Ready-broek. Selecteer varianten, geef de outfit een naam en creëer deze. Het creëren van een outfit maakt het niet levend: schakel het afzonderlijk in. Als je een onderliggend product uitschakelt, wordt ook de outfit uitgeschakeld.
Web SDK: vraag een bestaande outfit aan
Voeg een container met ID toe spreeai-look. Geef meerdere kledingstukinzendingen door, met optionele varianten, om een beschikbare outfit aan te vragen die de geselecteerde producten bevat.
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" } },
],
});
}Controleer het resultaat
- Bevestig dat alle gevraagde kledingstukken en vastgezette varianten bij een beschikbare outfit horen.
- Controleer de outfitknop en de getoonde kledingstukken nadat deze is geopend.
- Test de no-match fallback en bevestig dat het eerste kledingstuk geschikt is.
- Test winkelwagenintegratie afzonderlijk. De optie Look toevoegen aan tas van Shopify voegt het huidige product toe, niet elk item in een look.