사이즈를 고려한 핏 | SDK 2.0

Shopify 구성

사이즈 인식 핏은 Virtual Try-On과 별도로 시작되고 작동합니다. 추가 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에서, 장바구니에 담기 활성화 시작합니다. 활성화되면 현재 제품이 피팅룸에서 선택한 사이즈로 추가되었는지 확인하세요. 맞춤형 웹에서 콜백 데이터의 유효성을 검사하고 이를 장바구니의 제품 및 변형 ID에 매핑합니다.

소스 참조