เอกสาร

SDK 2.0 · คําแนะนําคุณสมบัติ

สร้างรูปลักษณ์และเครื่องแต่งกาย

ทําความเข้าใจรูปลักษณ์ที่นักช้อปสร้างขึ้น เครื่องแต่งกายของพ่อค้า และคําขอ Web SDK สําหรับเสื้อผ้าหลายชุด

Shopify: ลุคที่นักช้อปสร้างขึ้น

การสร้างรูปลักษณ์เริ่มต้นและขึ้นอยู่กับ Virtual Try-On เปิดในการตั้งค่าคุณสมบัติและเปิดใช้งาน แสดง สร้างรูปลักษณ์ ในบล็อกห้องลองเสื้อผ้า บันทึกธีมแล้วโหลดหน้าร้านอีกครั้ง

Shopify: ชุดที่พ่อค้าสร้างขึ้น

แท็บเครื่องแต่งกายเป็นเวิร์กโฟลว์เบต้าแยกต่างหากสําหรับการจับคู่ชุดท่อนบนและท่อนล่างของชุดพร้อม เลือกรูปแบบ ตั้งชื่อชุด และสร้างมันขึ้นมา การสร้างเครื่องแต่งกายไม่ได้ทําให้ดูมีชีวิตชีวา แต่ให้เปิดใช้งานแยกกัน การปิดใช้งานผลิตภัณฑ์ที่เกี่ยวข้องจะเป็นการปิดใช้งานเครื่องแต่งกายด้วย

Web SDK: ขอชุดที่มีอยู่

เพิ่มคอนเทนเนอร์ที่มีรหัส spreeai-look. ส่งรายการเสื้อผ้าหลายรายการพร้อมตัวเลือกสินค้าเพื่อขอชุดที่มีสินค้าที่เลือก

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-look",
    garments: [
      { garmentId: "TOP_GARMENT_ID", variant: { color: "blue" } },
      { garmentId: "BOTTOM_GARMENT_ID", variant: { color: "indigo" } },
    ],
  });
}

ตรวจสอบผลลัพธ์

  • ยืนยันว่าเสื้อผ้าที่ขอและรายละเอียดปลีกย่อยที่ปักหมุดไว้ทั้งหมดเป็นของชุดที่มีจําหน่าย
  • ตรวจสอบปุ่มเครื่องแต่งกายและเสื้อผ้าที่แสดงหลังจากเปิด
  • ทดสอบทางเลือกที่ไม่ตรงกันและยืนยันว่าชุดแรกมีความเหมาะสม
  • ทดสอบการรวมรถเข็นแยกกัน ตัวเลือกเพิ่มรูปลักษณ์ไปที่กระเป๋าของ Shopify จะเพิ่มผลิตภัณฑ์ปัจจุบัน ไม่ใช่ทุกรายการในรูปลักษณ์
แหล่งอ้างอิง

ค้นหาชื่อหน้าและเนื้อหา Escape ปิดการค้นหา

เลือกภาษาของคุณ