תצורת Shopify
התאמה מודעת לגודל מתחילה ופועלת ללא תלות ב-Virtual Try-On. הוסף את SPREEAI מצא את המידה שלך חסום ליד בוחר המידות של המוצר, שמור את ערכת הנושא ובדוק מוצר מופעל. כיבוי ההתאמה לגודל מסתיר את הכפתור ומפסיק את המלצות הגודל.
תצורת Web SDK
enableSizingRecommendation מבקש את זרימת המלצת הגודל בתוך ניסיון. showSizes מציג גדלים זמינים שסופקו; showPrices מציג את המחיר שסופק. כל השלושה כברירת מחדל ל-false. הצגת תוויות גודל בלבד אינה מאפשרת המלצה.
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כדי לבחור מידות מטריות או אימפריאליות בפרופיל. - שמור את טבלת המידות של המותג זמינה. תצוגה מקדימה או המלצה חזותית לא מבטיחות התאמה פיזית.
גודל עצמאי
ה-SDK של v3.0.0 שהוחזר חושף renderTryOnButton(). זה לא חושף אפשרות להתקשרות renderSizingButton(), למרות שסוגים הקשורים לגודל נשארים בחבילה. השתמש בזרימה המוטבעת הנתמכת או בלוק Shopify.
אימות עגלה
ב-Shopify, אפשר הוסף לתיק מתחיל. כאשר מופעל, ודא שהמוצר הנוכחי מתווסף בגודל שנבחר בחדר ההלבשה. באינטרנט מותאם אישית, אמת את נתוני ההתקשרות חזרה ומפה אותם למזהי המוצר והווריאציות של העגלה שלך.