카탈로그 및 변형 | SDK 2.0

올바른 식별자를 사용하세요

매장 제품 ID, SKU 또는 변형 ID는 자동으로 SPREEAI 의류 ID가 아닙니다. 수집 또는 Shopify 동기화 워크플로를 통해 생성된 매핑을 유지합니다. 해당 의류는 인증된 파트너의 소유여야 하며 입어볼 수 있어야 합니다.

제품 선택 지도

TypeScript

import type { RenderTryOnButtonOptions } from "@spreeai/web-sdk";

export const productOptions: RenderTryOnButtonOptions = {
  elementId: "spreeai-try-on",
  garments: [{
    garmentId: "SPREEAI_GARMENT_ID",
    variant: { color: "blue", fit: "regular" },
    availableSizes: ["S", "M", "L"],
    price: "$59.00",
  }],
  showSizes: true,
  showPrices: true,
};

variant 색상, 핏, 성별, 스타일을 필터링할 수 있습니다. 문서화된 일치는 대소문자를 구분하지 않습니다. 다음과 같이 이름에 따라 색상을 일치시킵니다. blue, 16진수 값이 아닌

의류 준비

상태 또는 조건	통합 작업
동기화되지 않음/수집이 완료되지 않음	정상적인 제품 경험을 유지하십시오. 시착 가능 여부를 약속하지 않습니다.
준비되었지만 Shopify에서는 비활성화되었습니다.	의도한 제품을 검토하고 명시적으로 활성화합니다. 준비만으로는 실행이 되지 않습니다.
사용 가능한 의류 및 어울리는 변형	해당 선택 항목에 대한 버튼을 렌더링합니다.
어울리는 의상이 없습니다	배열의 첫 번째 의류로 대체될 것으로 예상됩니다.
검증 실패	버튼이 렌더링되지 않습니다. 콘솔과 제품 매핑을 조사합니다.

제품 데이터를 최신 상태로 유지

제품 선택이 변경되면 표시된 가격과 재고 크기를 업데이트하세요.
별도의 제품 버튼에 고유한 컨테이너 ID를 사용하세요.
버튼을 다시 렌더링할 때 현재 의류 및 변형 선택을 전달합니다.
카트 변형을 생성하기 전에 자신의 카탈로그와 비교하여 반환된 카트 데이터를 검토하세요.

의류 자산 준비

현재를 사용하세요 의류 이미지 표준 지원되는 이미지 및 메타데이터를 확인하세요. 제품을 활성화하기 전에 처리 문제를 해결하십시오. 생산 데이터를 자리표시자 의류 ID로 대체하지 마세요.

소스 참조