Shopify konfiguration
Størrelsesbevidst pasform starter på og fungerer uafhængigt af Virtual Try-On. Tilføj SPREEAI Find din størrelse blokere nær produktets størrelsesvælger, gem temaet og test et aktiveret produkt. Deaktivering af størrelsesbevidst pasform skjuler knappen og stopper størrelsesanbefalinger.
Web SDK konfiguration
enableSizingRecommendation anmoder om størrelsesanbefalingsflowet i try-on. showSizes displays medfølgende tilgængelige størrelser; showPrices viser den medfølgende pris. Alle tre er som standard falsk. Visning af 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 adfærd
- Lever de aktuelle etiketter på lagerstørrelse og vis prisen fra din butiksfacade.
- Bekræft, at produktets påkrævede pasform og størrelsesdata understøttes gennem onboarding.
- Bruge
defaultUnitsfor at vælge metriske eller britiske mål i profilen. - Hold mærkets størrelsesskema tilgængeligt. En visuel forhåndsvisning eller anbefaling garanterer ikke fysisk pasform.
Standalone dimensionering
Den returnerede v3.0.0 SDK afslører renderTryOnButton(). Det afslører ikke en callable renderSizingButton(), selvom størrelsesrelaterede typer forbliver i pakken. Brug det understøttede indlejrede flow eller Shopify-blok.
Bekræftelse af kurv
På Shopify, Aktiver Tilføj til taske starter. Når det er aktiveret, skal du kontrollere, at det aktuelle produkt er tilføjet i den valgte størrelse i fittingsrummet. På tilpasset web skal du validere tilbagekaldsdataene og knytte dem til din egen indkøbskurvs produkt- og variant-id'er.