サイズを意識したフィット感

Shopify構成

サイズを考慮したフィット感は仮想試着から始まり、仮想試着とは独立して機能します。を追加します。 SPREEAI サイズを探す 製品のサイズピッカーの近くにあるブロックを選択し、テーマを保存して、有効な製品をテストします。サイズを考慮したフィットをオフにすると、ボタンが非表示になり、サイズの推奨が停止されます。

Web SDK構成

enableSizingRecommendation 試着内のサイズ推奨フローをリクエストします。 showSizes 提供された利用可能なサイズを表示します。 showPrices 提供価格を表示します。 3 つすべてのデフォルトは 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 とバリアント ID にマッピングします。

出典参照