استخدم المعرف الصحيح
لا يعد معرف منتج واجهة المتجر أو 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 | قم بمراجعة المنتج المقصود وتمكينه بشكل صريح. الاستعداد وحده لا يجعله حيا. |
| الملابس المتاحة والنسخة المطابقة | تقديم الزر لهذا التحديد. |
| لا توجد ملابس مطابقة متاحة | توقع الرجوع إلى الثوب الأول في المصفوفة. |
| فشل التحقق من الصحة | لم يتم عرض أي زر؛ التحقق من وحدة التحكم وتعيين المنتج. |
حافظ على تحديث بيانات المنتج
- قم بتحديث الأسعار المعروضة والأحجام المتوفرة في المخزون عند تغيير اختيار المنتج.
- استخدم معرفات حاوية فريدة لأزرار المنتج المنفصلة.
- عند إعادة عرض زر، قم بتمرير الملابس الحالية واختيار المتغير.
- قم بمراجعة بيانات سلة التسوق التي تم إرجاعها مقابل الكتالوج الخاص بك قبل إنشاء طفرة سلة التسوق.
تحضير أصول الملابس
استخدم التيار معايير صورة الملابس للصور والبيانات الوصفية المدعومة. حل مشكلات المعالجة قبل تمكين المنتجات؛ لا تستبدل معرفات الملابس النائبة ببيانات الإنتاج.