सही पहचानकर्ता का प्रयोग करें
स्टोरफ्रंट उत्पाद आईडी, 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 रंग, फ़िट, लिंग और शैली फ़िल्टर कर सकते हैं। प्रलेखित मिलान केस-असंवेदनशील है। रंग को उसके नाम से मिलाएँ, जैसे blue, हेक्स मान के बजाय।
परिधान की तैयारी
| अवस्था या अवस्था | एकीकरण क्रिया |
|---|---|
| समन्वयित नहीं / अंतर्ग्रहण अधूरा | सामान्य उत्पाद अनुभव बनाए रखें; प्रयास-उपलब्धता का वादा न करें। |
| तैयार है लेकिन Shopify में अक्षम है | इच्छित उत्पाद की समीक्षा करें और उसे स्पष्ट रूप से सक्षम करें। अकेले तैयार होने से यह जीवंत नहीं हो जाता। |
| उपलब्ध परिधान और मिलान संस्करण | उस चयन के लिए बटन प्रस्तुत करें. |
| कोई मैचिंग पोशाक उपलब्ध नहीं | श्रृंखला में पहले परिधान में फ़ॉलबैक की अपेक्षा करें। |
| सत्यापन विफल रहता है | कोई बटन प्रस्तुत नहीं किया गया है; कंसोल और उत्पाद मैपिंग की जाँच करें। |
उत्पाद डेटा अद्यतन रखें
- उत्पाद चयन में परिवर्तन होने पर प्रदर्शित मूल्य और स्टॉक आकार अपडेट करें।
- अलग-अलग उत्पाद बटनों के लिए अद्वितीय कंटेनर आईडी का उपयोग करें।
- किसी बटन को दोबारा प्रस्तुत करते समय, वर्तमान परिधान और प्रकार का चयन पास करें।
- कार्ट म्यूटेशन बनाने से पहले अपने स्वयं के कैटलॉग के विरुद्ध लौटाए गए कार्ट डेटा की समीक्षा करें।
परिधान परिसंपत्तियां तैयार करें
वर्तमान का प्रयोग करें परिधान छवि मानक समर्थित इमेजरी और मेटाडेटा के लिए। उत्पादों को सक्षम करने से पहले प्रसंस्करण संबंधी समस्याओं का समाधान करें; उत्पादन डेटा के लिए प्लेसहोल्डर गारमेंट आईडी को प्रतिस्थापित न करें।