Potrivire în funcție de mărime

Configurare Shopify

Potrivirea în funcție de dimensiune începe și funcționează independent de Virtual Try-On. Adăugați SPREEAI Găsiți mărimea dvs blocați lângă selectorul de dimensiuni ale produsului, salvați tema și testați un produs activat. Dezactivarea potrivirii în funcție de dimensiune ascunde butonul și oprește recomandările de mărime.

Configurare Web SDK

enableSizingRecommendation solicită fluxul de recomandare de dimensionare în interiorul try-on. showSizes afișează dimensiunile disponibile furnizate; showPrices afiseaza pretul furnizat. Toate trei sunt implicit false. Numai afișarea etichetelor de dimensiune nu activează o recomandare.

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-try-on",
    garments: [{
      garmentId: "YOUR_READY_GARMENT_ID",
      availableSizes: ["XS", "S", "M", "L"],
      price: "$89.00",
    }],
    enableSizingRecommendation: true,
    showSizes: true,
    showPrices: true,
    defaultUnits: "metric",
  });
}

Date și comportament

Furnizați etichetele de mărime curente din stoc și afișați prețul din vitrina dvs.
Confirmați că datele de potrivire și mărime necesare ale produsului sunt acceptate prin integrare.
Utilizare defaultUnits pentru a alege măsurători metrice sau imperiale în profil.
Păstrați disponibilă tabelul de mărimi al mărcii. O previzualizare vizuală sau o recomandare nu garantează potrivirea fizică.

Dimensiune independentă

SDK-ul returnat v3.0.0 expune renderTryOnButton(). Nu expune un apelabil renderSizingButton(), chiar dacă tipurile legate de dimensionare rămân în pachet. Utilizați fluxul încorporat acceptat sau blocul Shopify.

Verificarea coșului

Pe Shopify, Activați Adăugați în geantă începe. Când este activat, verificați că produsul curent este adăugat la dimensiunea selectată în cabina de probă. Pe web personalizat, validați datele de apel invers și mapați-le la ID-urile de produs și variante ale coșului dvs. de cumpărături.

Referințe surse