Shopify: look creati dagli acquirenti
La creazione di un look inizia e dipende dal Virtual Try-On. Attivalo in Impostazioni funzionalità e abilita Mostra Costruisci un look nel blocco del camerino. Salva il tema e ricarica la vetrina.
Shopify: abiti creati dal commerciante
La scheda Abiti è un flusso di lavoro beta separato per abbinare un top pronto e un fondo pronto. Seleziona le varianti, dai un nome all'outfit e crealo. Creare un outfit non lo rende vivo: abilitalo separatamente. La disabilitazione di un prodotto sottostante disabilita anche l'outfit.
Web SDK: richiedere un allestimento esistente
Aggiungi un contenitore con ID spreeai-look. Passa più voci di capi, con varianti opzionali, per richiedere un outfit disponibile che contenga i prodotti selezionati.
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" } },
],
});
}Controlla il risultato
- Conferma che tutti i capi richiesti e le varianti appuntate appartengono a un outfit disponibile.
- Verifica il pulsante outfit e gli indumenti mostrati dopo la sua apertura.
- Testare il fallback senza corrispondenza e verificare che il primo indumento sia appropriato.
- Testare l'integrazione del carrello separatamente. L'opzione Aggiungi look alla borsa di Shopify aggiunge il prodotto corrente, non tutti gli articoli in un look.