init(options)
ผลตอบแทน Promise<SpreeAISDK | null>. เมื่อสําเร็จ วัตถุก็จะเผยออกมา renderTryOnButton(options): Promise<void>. ตรวจสอบค่าว่างก่อนเรนเดอร์
| ตัวเลือก | ประเภท | ค่าเริ่มต้น | วัตถุประสงค์ |
|---|---|---|---|
clientId | string | จําเป็น | ตัวระบุไคลเอนต์เบราว์เซอร์ที่ออก |
baseApiURL | string | https://api.spreeai.com | ต้นกําเนิด API ที่ได้รับอนุมัติ เปลี่ยนสําหรับสภาพแวดล้อมที่ออกเท่านั้น |
baseURL | string | https://vton.spreeai.com | ได้รับการอนุมัติแหล่งกําเนิดห้องลองโฮสต์ |
partnerId is not an init option in v3. คู่ค้าได้รับการแก้ไขจากไคลเอนต์ที่ได้รับการรับรองความถูกต้อง No standalone sizing render method is returned.
renderTryOnButton(options)
| ตัวเลือก | ประเภท | ค่าเริ่มต้น/ข้อกําหนด | วัตถุประสงค์ |
|---|---|---|---|
elementId | string | จําเป็น | ID ขององค์ประกอบโฮสต์ที่มีอยู่ |
garments | GarmentInput[] | ทางเลือกที่จําเป็น | การใส่เสื้อผ้าที่แนะนํา ใช้อาร์เรย์ที่ไม่ว่างเปล่า |
garmentId | string | ทางเลือกที่เลิกใช้แล้ว | การป้อนข้อมูลแบบการ์เม้นท์เดี่ยวแบบเดิม ชอบเสื้อผ้า |
variant | VariantOptions | เลิกใช้แล้ว | ตัวกรองแบบเดิมที่มี garmentId; ต้องการตัวเลือกสินค้าต่อรายการ |
className | string | ไม่จำเป็น | คลาสปุ่มเพิ่มเติม |
button | { text?: string } | ไม่จำเป็น | ป้ายปุ่ม; ถูกแทนที่โดย features.tryOnButton.text |
features | TryOnFeatures | ไม่จำเป็น | การกําหนดค่าสไตล์ปุ่ม |
events | TryOnButtonEvents | ไม่จำเป็น | ตัวจัดการการคลิกและเพิ่มลงในรถเข็น |
enableAddToCart | boolean | false | แสดงฟังก์ชันการเพิ่มลงตะกร้า ดําเนินการจัดการ |
enableSizingRecommendation | boolean | false | ขอคําแนะนําเกี่ยวกับขนาดในการลองสวม |
showSizes | boolean | false | แสดง availableSizes ที่ให้มา |
showPrices | boolean | false | แสดงราคาที่ให้มา |
defaultUnits | "metric" | "imperial" | ไม่จำเป็น | ระบบหน่วยเริ่มต้นสําหรับการวัดโปรไฟล์ |
GarmentInput
| สนาม | ประเภท | วัตถุประสงค์ |
|---|---|---|
garmentId | string | ตัวระบุการ์เม้นท์ SPREEAI ที่จําเป็น |
variant | VariantOptions | ตัวกรองสี ความพอดี เพศ หรือสไตล์ที่เป็นตัวเลือก |
availableSizes | string[] | ป้ายกํากับขนาดการแสดงผลปัจจุบันที่เป็นตัวเลือก |
price | string | ราคาที่แสดงเพิ่มเติม แสดงตามที่ให้มา |
การตรวจสอบความถูกต้องและทางเลือก
สําหรับชุดแต่งเดี่ยว จะมีการตรวจสอบคุณสมบัติและรายละเอียดปลีกย่อยที่ปักหมุดไว้ก่อนที่จะเรนเดอร์ คําขอสวมเสื้อผ้าหลายชิ้นให้มองหาชุดที่เข้ากัน หากไม่พบ SDK จะตรวจสอบและแสดงผลการ์เม้นท์ชุดแรกแทน หากการตรวจสอบล้มเหลว จะไม่มีการแสดงปุ่มใดๆ และเหตุผลจะถูกบันทึกไว้ในคอนโซล
โทรกลับ
| โทรกลับ | เพย์โหลด |
|---|---|
onTryOnButtonClick | name: "spreeai-try-on-button-clicked" |
onAddToCartClicked | name: "spreeai-add-to-cart-clicked", เสื้อผ้า, setIsLoading, closePopUp, onError |
จําเป็นต้องมีเสื้อผ้าในรถเข็น id, partner_id, available และ nameบวกกับทางเลือก description และข้อมูลอื่นๆ ตรวจสอบก่อนที่จะแมปไปยังรถเข็นของคุณ ดูสิ การใช้งานรถเข็น และ สไตล์ปุ่ม สําหรับตัวอย่าง
ไม่ใช่ส่วนหนึ่งของพื้นผิวนี้
ไม่มีการเปิดเผยสวิตช์ต่อการดูที่จัดทําเป็นเอกสาร เปรียบเทียบตัวเรียกใช้งานแบบสแตนด์อโลนหรือวิธีการปรับขนาดแบบสแตนด์อโลนบน SDK เวอร์ชัน 3.0.0 ที่ส่งคืน features.loadingScreen ได้ถูกลบออกแล้ว อย่าอนุมานวิธีการที่เรียกได้จากประเภทที่ส่งออกที่เหลือหรือความคิดเห็นเก่า