השתמש במזהה הנכון
מזהה מוצר בחזית החנות, מק"ט או מזהה גרסה אינם אוטומטית מזהה בגד 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 | סקור ואפשר במפורש את המוצר המיועד. מוכן לבד לא גורם לזה לחיות. |
| בגד זמין וגרסה תואמת | עבד את הלחצן עבור הבחירה הזו. |
| אין בגד זמין תואם | צפו לחזרה לבגד הראשון במערך. |
| האימות נכשל | שום כפתור לא מוצג; לחקור את המסוף ואת מיפוי המוצר. |
שמרו על נתוני המוצר עדכניים
- עדכן את המחיר המוצג ואת הגדלים במלאי כאשר מבחר המוצרים משתנה.
- השתמש במזהי מיכל ייחודי עבור לחצני מוצר נפרדים.
- בעת עיבוד מחדש של כפתור, העבר את בחירת הבגד והגרסה הנוכחית.
- סקור את נתוני העגלה שהוחזרו מול הקטלוג שלך לפני יצירת מוטציה בעגלה.
הכן נכסי בגד
השתמש בזרם תקני תמונת בגד לתמונות ומטא נתונים נתמכים. פתרון בעיות עיבוד לפני הפעלת מוצרים; אל תחליף את מזהי הבגדים של מצייני המיקום בנתוני הייצור.