建造試衣間
進入每個螢幕。

npm install @spreeai/web-sdk@3.0.0

# or
yarn add @spreeai/web-sdk@3.0.0

import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";

// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
  elementId: "spreeai-try-on",
  garments: [{ garmentId: "your-garment-id" }],
  events: {
    onTryOnButtonClick: (event) => {
      console.info(event.name);
    },
    onAddToCartClicked: (event) => {
      // Connect event.garments to your storefront's cart.
    },
  },
});