תיעוד

SDK 2.0 · אינטגרציה

קטלוג וגרסאות

חבר את מוצרי חזית החנות לבגדי SPREEAI הכשירים ונתוני מוצרים עדכניים.

השתמש במזהה הנכון

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

שמרו על נתוני המוצר עדכניים

  • עדכן את המחיר המוצג ואת הגדלים במלאי כאשר מבחר המוצרים משתנה.
  • השתמש במזהי מיכל ייחודי עבור לחצני מוצר נפרדים.
  • בעת עיבוד מחדש של כפתור, העבר את בחירת הבגד והגרסה הנוכחית.
  • סקור את נתוני העגלה שהוחזרו מול הקטלוג שלך לפני יצירת מוטציה בעגלה.

הכן נכסי בגד

השתמש בזרם תקני תמונת בגד לתמונות ומטא נתונים נתמכים. פתרון בעיות עיבוד לפני הפעלת מוצרים; אל תחליף את מזהי הבגדים של מצייני המיקום בנתוני הייצור.

הפניות מקור

חיפוש כותרות ותוכן של דפים. בריחה סוגרת את החיפוש.

בחר את השפה שלך.