Shopify: مظهر من ابتكار المتسوقين
يبدأ إنشاء المظهر ويعتمد على التجربة الافتراضية. قم بتشغيله في إعدادات الميزة وتمكينه إظهار بناء نظرة على كتلة غرفة القياس. احفظ السمة وأعد تحميل واجهة المتجر.
Shopify: أزياء أنشأها التاجر
علامة التبويب "الأزياء" عبارة عن سير عمل تجريبي منفصل لإقران الجزء العلوي الجاهز والجزء السفلي الجاهز. حدد المتغيرات، وقم بتسمية الزي وقم بإنشائه. إن إنشاء جماعة لا يجعلها حية: قم بتمكينها بشكل منفصل. يؤدي تعطيل المنتج الأساسي أيضًا إلى تعطيل الزي.
Web SDK: اطلب زيًا موجودًا
أضف حاوية بالمعرف spreeai-look. قم بتمرير إدخالات الملابس المتعددة، مع المتغيرات الاختيارية، لطلب الزي المتاح الذي يحتوي على المنتجات المحددة.
TypeScript
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-look",
garments: [
{ garmentId: "TOP_GARMENT_ID", variant: { color: "blue" } },
{ garmentId: "BOTTOM_GARMENT_ID", variant: { color: "indigo" } },
],
});
}تحقق من النتيجة
- تأكد من أن جميع الملابس المطلوبة والمتغيرات المثبتة تنتمي إلى الزي المتاح.
- تحقق من زر الزي والملابس المعروضة بعد فتحه.
- اختبر الإجراء الاحتياطي لعدم التطابق وتأكد من أن الرداء الأول مناسب.
- اختبار تكامل عربة التسوق بشكل منفصل. يضيف خيار إضافة مظهر إلى الحقيبة في Shopify المنتج الحالي، وليس كل عنصر في المظهر.