Utilizați identificatorul corect
Un ID de produs de vitrină, un SKU sau un ID de variantă nu este automat un ID de articol SPREEAI. Mențineți o mapare creată prin asimilarea sau fluxul de lucru de sincronizare Shopify. Îmbrăcămintea trebuie să aparțină partenerului autentificat și să fie disponibilă pentru încercare.
Hartă o selecție de produse
import type { RenderTryOnButtonOptions } from "@spreeai/web-sdk";
export const productOptions: RenderTryOnButtonOptions = {
elementId: "spreeai-try-on",
garments: [{
garmentId: "SPREEAI_GARMENT_ID",
variant: { color: "blue", fit: "regular" },
availableSizes: ["S", "M", "L"],
price: "$59.00",
}],
showSizes: true,
showPrices: true,
};variant poate filtra culoarea, potrivirea, genul și stilul. Potrivirea documentată nu face distincție între majuscule și minuscule. Potriviți culoarea după nume, cum ar fi blue, mai degrabă decât printr-o valoare hexadecimală.
Pregătirea îmbrăcămintei
| Stare sau stare | Acțiune de integrare |
|---|---|
| Nesincronizat/ingestie incompletă | Păstrați experiența normală a produsului; nu promite disponibilitatea de încercare. |
| Gata, dar dezactivată în Shopify | Examinați și activați în mod explicit produsul dorit. Gata de unul singur nu o face să trăiască. |
| Piesă de îmbrăcăminte disponibilă și variantă asortată | Redați butonul pentru selecția respectivă. |
| Nicio ținută care se potrivește | Așteptați-vă să reveniți la prima îmbrăcăminte din matrice. |
| Validarea eșuează | Nu este redat niciun buton; investigați consola și maparea produsului. |
Păstrați datele despre produse actualizate
- Actualizați prețul afișat și dimensiunile din stoc atunci când selecția de produse se modifică.
- Utilizați ID-uri unice de container pentru butoanele de produs separate.
- Când redați din nou un nasture, treceți de selecția curentă a articolelor de îmbrăcăminte și a variantei.
- Examinați datele coșului returnate în comparație cu propriul catalog înainte de a crea o mutație coș.
Pregătiți bunurile vestimentare
Utilizați curentul standarde de imagine a articolelor de îmbrăcăminte pentru imagini și metadate acceptate. Rezolvați problemele de procesare înainte de a activa produsele; nu înlocuiți ID-urile de îmbrăcăminte cu substituenți cu datele de producție.