एक लुक और आउटफिट बनाएं

Shopify: खरीदार द्वारा निर्मित लुक

लुक बनाना शुरू होता है और वर्चुअल ट्राई-ऑन पर निर्भर करता है। इसे फ़ीचर सेटिंग्स में चालू करें और सक्षम करें दिखाएँ एक नज़र बनाएँ फिटिंग रूम ब्लॉक पर. थीम सहेजें और स्टोरफ्रंट पुनः लोड करें।

Shopify: व्यापारियों द्वारा निर्मित पोशाकें

आउटफिट्स टैब रेडी टॉप और रेडी बॉटम को पेयर करने के लिए एक अलग बीटा वर्कफ़्लो है। वैरिएंट चुनें, पोशाक को नाम दें और उसे बनाएं। एक पोशाक बनाने से वह सजीव नहीं हो जाती: उसे अलग से सक्षम करें। किसी अंतर्निहित उत्पाद को अक्षम करने से संगठन भी अक्षम हो जाता है।

Web SDK: मौजूदा पोशाक का अनुरोध करें

आईडी के साथ एक कंटेनर जोड़ें spreeai-look. चयनित उत्पादों वाले उपलब्ध पोशाक का अनुरोध करने के लिए वैकल्पिक वेरिएंट के साथ कई परिधान प्रविष्टियाँ पास करें।

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 का बैग में लुक जोड़ें विकल्प वर्तमान उत्पाद को जोड़ता है, प्रत्येक आइटम को एक लुक में नहीं।