ใช้ตัวระบุที่ถูกต้อง
รหัสผลิตภัณฑ์หน้าร้าน SKU หรือรหัสตัวเลือกสินค้าจะไม่ใช่รหัสเครื่องแต่งกาย SPREEAI โดยอัตโนมัติ รักษาการแมปที่สร้างขึ้นผ่านการนําเข้าหรือเวิร์กโฟลว์การซิงค์ 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 can filter color, fit, gender and style. การจับคู่เอกสารไม่คํานึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ จับคู่สีตามชื่อ เช่น blueแทนที่จะเป็นค่าเลขฐานสิบหก
ความพร้อมของเสื้อผ้า
| รัฐหรือเงื่อนไข | การดําเนินการบูรณาการ |
|---|---|
| ไม่ซิงค์/นําเข้าไม่สมบูรณ์ | รักษาประสบการณ์การใช้ผลิตภัณฑ์ตามปกติ อย่าสัญญาว่าจะมีความพร้อมใช้งานสําหรับการลองใช้งาน |
| พร้อมแต่ปิดการใช้งานใน Shopify | ตรวจสอบและเปิดใช้งานผลิตภัณฑ์ที่ต้องการอย่างชัดเจน พร้อมอย่างเดียวไม่ได้ทําให้อยู่ได้ |
| เสื้อผ้าที่มีจําหน่ายและรูปแบบที่เข้าชุดกัน | แสดงปุ่มสําหรับการเลือกนั้น |
| ไม่มีเสื้อผ้าที่เข้ากัน | คาดว่าจะใช้ทางเลือกสํารองไปยังการ์เม้นท์แรกในอาร์เรย์ |
| การตรวจสอบความถูกต้องล้มเหลว | ไม่มีการแสดงผลปุ่ม ตรวจสอบการแมปคอนโซลและผลิตภัณฑ์ |
เก็บข้อมูลผลิตภัณฑ์ให้เป็นปัจจุบัน
- อัปเดตราคาที่แสดงและขนาดสินค้าในสต็อกเมื่อการเลือกผลิตภัณฑ์เปลี่ยนแปลง
- ใช้รหัสคอนเทนเนอร์ที่ไม่ซ้ํากันสําหรับปุ่มผลิตภัณฑ์แยกกัน
- เมื่อแสดงปุ่มอีกครั้ง ให้ส่งชุดแต่งปัจจุบันและการเลือกรูปแบบต่างๆ
- ตรวจสอบข้อมูลรถเข็นที่ส่งคืนโดยเทียบกับแค็ตตาล็อกของคุณก่อนที่จะสร้างการเปลี่ยนแปลงรถเข็น
เตรียมทรัพย์สินเครื่องนุ่งห่ม
ใช้กระแส มาตรฐานภาพเครื่องนุ่งห่ม for supported imagery and metadata. แก้ไขปัญหาการประมวลผลก่อนที่จะเปิดใช้งานผลิตภัณฑ์ อย่าแทนที่รหัสภูษาตัวยึดตําแหน่งสําหรับข้อมูลการผลิต