Shopify-konfigurasjon
Størrelsesbevisst passform starter på og fungerer uavhengig av Virtual Try-On. Legg til SPREEAI Finn din størrelse blokkere nær produktets størrelsesvelger, lagre temaet og test et aktivert produkt. Hvis du slår av størrelsesbevisst tilpasning, skjules knappen og stopper størrelsesanbefalinger.
Web SDK-konfigurasjon
enableSizingRecommendation ber om flyten for anbefaling av størrelse i prøving. showSizes viser medfølgende tilgjengelige størrelser; showPrices viser oppgitt pris. Alle tre er som standard falsk. Visning av størrelsesetiketter alene aktiverer ikke en anbefaling.
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",
});
}Data og atferd
- Oppgi gjeldende etiketter på lagerstørrelse og visningspris fra butikkfronten din.
- Bekreft at produktets nødvendige passform og størrelsesdata støttes gjennom onboarding.
- Bruk
defaultUnitsfor å velge metriske eller britiske mål i profilen. - Hold merkets størrelseskart tilgjengelig. En visuell forhåndsvisning eller anbefaling garanterer ikke fysisk passform.
Frittstående dimensjonering
Den returnerte v3.0.0 SDK viser renderTryOnButton(). Den avslører ikke en anropbar renderSizingButton(), selv om størrelsesrelaterte typer forblir i pakken. Bruk den støttede innebygde flyten eller Shopify-blokken.
Handlevognbekreftelse
På Shopify, Aktiver Legg til i bag starter. Når den er aktivert, kontroller at gjeldende produkt er lagt til i størrelsen valgt i prøverommet. På tilpasset nett, valider tilbakeringingsdataene og tilordne dem til din egen handlekurvs produkt- og variant-ID.