尺寸感知貼合 | SDK 2.0

Shopify配置

尺寸感知合身開始並獨立於虛擬試穿而工作。添加 SPREEAI 找到您的尺寸 塊靠近產品的尺寸選擇器,保存主題並測試啟用的產品。關閉尺寸感知適配功能會隱藏該按鈕並停止尺寸建議。

Web SDK配置

enableSizingRecommendation 請求試穿中的尺寸推薦流程。 showSizes 顯示提供的可用尺寸; showPrices 顯示提供的價格。所有三個都預設為 false。僅顯示尺寸標籤並不能提供建議。

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-try-on",
    garments: [{
      garmentId: "YOUR_READY_GARMENT_ID",
      availableSizes: ["XS", "S", "M", "L"],
      price: "$89.00",
    }],
    enableSizingRecommendation: true,
    showSizes: true,
    showPrices: true,
    defaultUnits: "metric",
  });
}

數據和行為

提供當前庫存尺寸標籤並從您的店面顯示價格。
確認透過入職支援產品所需的合身性和尺寸資料。
使用 defaultUnits 在設定檔中選擇公製或英制測量值。
保留該品牌的尺寸表。視覺預覽或建議並不能保證身體適合。

獨立尺寸

返回的v3.0.0 SDK暴露 renderTryOnButton()。它不公開可調用的 renderSizingButton(),即使與大小相關的類型仍保留在套件中。使用支援的嵌入式串流或 Shopify 區塊。

購物車驗證

在Shopify上, 啟用加入購物袋 開始。啟用後,請驗證目前產品是否按照試衣間中選擇的尺寸添加。在自訂 Web 上,驗證回調資料並將其對應到您自己的購物車的產品和型號 ID。

來源參考