Dokumentation

SDK 2.0 · FUNKTIONSVEJLEDNINGER

Byg et look og outfits

Forstå shopper-skabte looks, købmandstøj og Web SDK-anmodninger til flere beklædningsgenstande.

Shopify: shopper-skabte looks

Byg et look starter på og afhænger af Virtual Try-On. Slå det til i Funktionsindstillinger og aktiver Vis Byg et look på Fitting Room-blokken. Gem temaet, og genindlæs butiksfacadet.

Shopify: købmandsskabte outfits

Fanen Outfits er en separat beta-workflow til at parre en Ready-top og en Ready-underdel. Vælg varianter, navngiv outfittet og lav det. At skabe et outfit gør det ikke live: aktiver det separat. Deaktivering af et underliggende produkt deaktiverer også outfittet.

Web SDK: anmod om et eksisterende outfit

Tilføj en beholder med ID spreeai-look. Send flere beklædningsgenstande, med valgfri varianter, for at anmode om et tilgængeligt outfit, der indeholder de valgte produkter.

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" } },
    ],
  });
}

Tjek resultatet

  • Bekræft, at alle ønskede beklædningsgenstande og fastgjorte varianter tilhører et tilgængeligt outfit.
  • Bekræft outfit-knappen og beklædningsgenstanden, der vises, når den åbnes.
  • Test den no-match fallback og bekræft, at den første beklædningsgenstand er passende.
  • Test vognintegration separat. Shopify's Tilføj look til taske-mulighed tilføjer det aktuelle produkt, ikke alle varer i et look.
Kildehenvisninger

Søg sidetitler og indhold. Escape lukker søgning.

Vælg dit sprog.