Shopify कॉन्फ़िगरेशन
आकार-जागरूक फिट शुरू होता है और वर्चुअल ट्राइ-ऑन से स्वतंत्र रूप से काम करता है। जोड़ें SPREEAI अपना आकार ढूंढें उत्पाद के आकार पिकर के पास ब्लॉक करें, थीम सहेजें और सक्षम उत्पाद का परीक्षण करें। आकार-जागरूक फ़िट को बंद करने से बटन छिप जाता है और आकार अनुशंसाएँ बंद हो जाती हैं।
Web SDK कॉन्फ़िगरेशन
enableSizingRecommendation ट्राइ-ऑन के अंदर आकार अनुशंसा प्रवाह का अनुरोध करता है। showSizes उपलब्ध आकारों में प्रदर्शित डिस्प्ले; showPrices आपूर्ति की गई कीमत प्रदर्शित करता है। तीनों डिफ़ॉल्ट रूप से असत्य हैं। केवल आकार लेबल दिखाने से अनुशंसा सक्षम नहीं हो जाती।
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-try-on",
garments: [{
garmentId: "YOUR_READY_GARMENT_ID",
availableSizes: ["XS", "S", "M", "L"],
price: "$89.00",
}],
enableSizingRecommendation: true,
showSizes: true,
showPrices: true,
defaultUnits: "metric",
});
}डेटा और व्यवहार
- अपने स्टोरफ्रंट से मौजूदा स्टॉक आकार के लेबल और डिस्प्ले मूल्य की आपूर्ति करें।
- पुष्टि करें कि उत्पाद की आवश्यक फिट और साइज़िंग डेटा ऑनबोर्डिंग के माध्यम से समर्थित है।
- उपयोग
defaultUnitsप्रोफ़ाइल में मीट्रिक या शाही माप चुनने के लिए। - ब्रांड का आकार चार्ट उपलब्ध रखें। एक दृश्य पूर्वावलोकन या अनुशंसा शारीरिक फिट की गारंटी नहीं देती है।
स्टैंडअलोन आकार
लौटाया गया v3.0.0 SDK उजागर होता है renderTryOnButton(). यह कॉल करने योग्य को उजागर नहीं करता है renderSizingButton(), भले ही आकार-संबंधित प्रकार पैकेज में रहते हैं। समर्थित एम्बेडेड प्रवाह या Shopify ब्लॉक का उपयोग करें।
कार्ट सत्यापन
Shopify पर, बैग में जोड़ें सक्षम करें शुरू होता है. सक्षम होने पर, सत्यापित करें कि वर्तमान उत्पाद फिटिंग रूम में चयनित आकार में जोड़ा गया है। कस्टम वेब पर, कॉलबैक डेटा को मान्य करें और इसे अपने कार्ट के उत्पाद और वैरिएंट आईडी पर मैप करें।