init(options)
iadeler Promise<SpreeAISDK | null>. Başarı durumunda nesne ortaya çıkar renderTryOnButton(options): Promise<void>. Oluşturmadan önce null olup olmadığını kontrol edin.
| Seçenek | Tür | Varsayılan | Amaç |
|---|---|---|---|
clientId | string | Gerekli | Verilen tarayıcı istemci tanımlayıcısı. |
baseApiURL | string | https://api.spreeai.com | Onaylanmış API kaynağı. Yalnızca yayınlanmış bir ortam için değiştirin. |
baseURL | string | https://vton.spreeai.com | Onaylı barındırılan soyunma odası menşei. |
partnerId v3'te bir başlatma seçeneği değildir. İş ortağı, kimliği doğrulanmış istemciden çözümlenir. Hiçbir bağımsız boyutlandırma oluşturma yöntemi döndürülmez.
renderTryOnButton(options)
| Seçenek | Tür | Varsayılan / gereksinim | Amaç |
|---|---|---|---|
elementId | string | Gerekli | Mevcut ana bilgisayar öğesinin kimliği. |
garments | GarmentInput[] | Gerekli seçim | Önerilen giysi girişi. Boş olmayan bir dizi kullanın. |
garmentId | string | Kullanımdan kaldırılan alternatif | Eski tek giysi girişi. Giysileri tercih edin. |
variant | VariantOptions | Kullanımdan kaldırıldı | garmentId ile eski filtre; ürün başına varyantı tercih edin. |
className | string | İsteğe bağlı | Ek düğme sınıfı. |
button | { text?: string } | İsteğe bağlı | Düğme etiketi; features.tryOnButton.text tarafından geçersiz kılındı. |
features | TryOnFeatures | İsteğe bağlı | Düğme stili yapılandırması. |
events | TryOnButtonEvents | İsteğe bağlı | Tıklama ve sepete ekleme işleyicileri. |
enableAddToCart | boolean | false | Sepete ekleme işlevini görüntüleyin. İşleyiciyi uygulayın. |
enableSizingRecommendation | boolean | false | Deneme bölümünde boyut önerileri isteyin. |
showSizes | boolean | false | Verilen availableSizes'yi gösterin. |
showPrices | boolean | false | Tedarik edilen fiyatı göster. |
defaultUnits | "metric" | "imperial" | İsteğe bağlı | Profil ölçümleri için başlangıç ünitesi sistemi. |
GarmentInput
| Alan | Tür | Amaç |
|---|---|---|
garmentId | string | Gerekli SPREEAI giysi tanımlayıcısı. |
variant | VariantOptions | İsteğe bağlı renk, uyum, cinsiyet veya stil filtresi. |
availableSizes | string[] | İsteğe bağlı mevcut ekran boyutu etiketleri. |
price | string | Sağlandığı şekilde gösterilen isteğe bağlı ekran fiyatı. |
Doğrulama ve geri dönüş
Tek bir giysi için uygunluk ve herhangi bir sabitlenmiş varyant, işleme öncesinde kontrol edilir. Çoklu giysi talepleri, uygun bir eşleşen kıyafet arar. Hiçbiri bulunamazsa SDK bunun yerine ilk giysiyi doğrular ve işler. Doğrulama başarısız olursa hiçbir düğme oluşturulmaz ve bunun nedeni konsola kaydedilir.
Geri aramalar
| Geri arama | Yük |
|---|---|
onTryOnButtonClick | name: "spreeai-try-on-button-clicked" |
onAddToCartClicked | name: "spreeai-add-to-cart-clicked", giysiler, setIsLoading, closePopUp, onError |
Sepetteki giysiler gerekli içeriği içerir id, partner_id, available Ve nameartı isteğe bağlı description ve diğer veriler. Sepetinize eşlemeden önce doğrulayın. Bkz. sepeti uygulaması Ve düğme stili örnekler için.
Bu yüzeyin bir parçası değil
Döndürülen v3.0.0 SDK'sında belgelenmiş hiçbir görüntüleme başına anahtar, bağımsız Karşılaştırma başlatıcısı veya bağımsız boyutlandırma yöntemi gösterilmiyor. features.loadingScreen kaldırıldı. Geriye kalan dışa aktarılan türlerden veya eski yorumlardan çağrılabilir yöntemleri çıkarmayın.