Dokumentasjon

SDK 2.0 · FUNKSJONSVEILEDNINGER

Bygg en look og antrekk

Forstå shopperskapte utseende, selgerantrekk og Web SDK-forespørsler med flere plagg.

Shopify: shopper-skapte utseende

Bygg et utseende starter på og avhenger av Virtual Try-On. Slå den på i funksjonsinnstillinger og aktiver Vis Bygg en look på Fitting Room-blokken. Lagre temaet og last inn butikkfronten på nytt.

Shopify: antrekk laget av selgere

Antrekk-fanen er en egen beta-arbeidsflyt for sammenkobling av en Ready-topp og en Ready-underdel. Velg varianter, navngi antrekket og lag det. Å lage et antrekk gjør det ikke live: aktiver det separat. Deaktivering av et underliggende produkt deaktiverer også antrekket.

Web SDK: be om et eksisterende antrekk

Legg til en beholder med ID spreeai-look. Send flere plaggoppføringer, med valgfrie varianter, for å be om et tilgjengelig antrekk som inneholder de valgte produktene.

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-look",
    garments: [
      { garmentId: "TOP_GARMENT_ID", variant: { color: "blue" } },
      { garmentId: "BOTTOM_GARMENT_ID", variant: { color: "indigo" } },
    ],
  });
}

Sjekk resultatet

  • Bekreft at alle forespurte plagg og festede varianter tilhører et tilgjengelig antrekk.
  • Bekreft antrekksknappen og plaggene som vises etter at den åpnes.
  • Test reserven uten match og bekreft at det første plagget er passende.
  • Test handlevognintegrasjon separat. Shopifys alternativet Legg til utseende i vesken legger til det gjeldende produktet, ikke alle elementer i en look.
Kildereferanser

Søk på sidetitler og innhold. Escape stenger søket.

Velg språket ditt.