Shopify-konfiguration
Storleksmedveten passform börjar på och fungerar oberoende av Virtual Try-On. Lägg till SPREEAI Hitta din storlek blockera nära produktens storleksväljare, spara temat och testa en aktiverad produkt. Om du stänger av storleksmedveten passform döljer du knappen och stoppar storleksrekommendationer.
Web SDK-konfiguration
enableSizingRecommendation begär storleksrekommendationsflödet i prova på. showSizes visar medföljande tillgängliga storlekar; showPrices visar det medföljande priset. Alla tre är som standard falska. Att endast visa storleksetiketter möjliggör inte en rekommendation.
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 och beteende
- Ange aktuella lagerstorleksetiketter och visa pris från ditt skyltfönster.
- Bekräfta att produktens nödvändiga passform och storleksdata stöds genom onboarding.
- Använda
defaultUnitsför att välja metriska eller brittiska mått i profilen. - Håll märkets storlekstabell tillgänglig. En visuell förhandsvisning eller rekommendation garanterar inte fysisk passform.
Fristående storlek
Den returnerade v3.0.0 SDK exponerar renderTryOnButton(). Den exponerar inte en anropsbar renderSizingButton(), även om storleksrelaterade typer finns kvar i förpackningen. Använd det stödda inbäddade flödet eller Shopify-blocket.
Varukorgsverifiering
På Shopify, Aktivera Lägg till i väska börjar. När den är aktiverad, kontrollera att den aktuella produkten läggs till i den storlek som valts i provrummet. På anpassad webb, validera återuppringningsdata och mappa den till din egen kundvagns produkt- och variant-ID.