Використовуйте правильний ідентифікатор
Ідентифікатор продукту, артикула або варіанту магазину не є автоматично ідентифікатором одягу 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 | Перегляньте та явно ввімкніть потрібний продукт. Одна лише готовність не дає можливості жити. |
| Доступний одяг і відповідний варіант | Відобразіть кнопку для цього виділення. |
| Немає відповідного одягу | Очікуйте повернення до першого одягу в масиві. |
| Помилка перевірки | Жодна кнопка не відображається; вивчити консоль і відображення продукту. |
Підтримуйте актуальні дані про продукт
- Оновлюйте відображені ціни та розміри в наявності, коли змінюється вибір продукту.
- Використовуйте унікальні ідентифікатори контейнерів для окремих кнопок продукту.
- Під час повторного відтворення ґудзика передайте поточний одяг і вибір варіанту.
- Перегляньте повернуті дані кошика зі своїм власним каталогом, перш ніж створювати мутацію кошика.
Підготуйте майно одягу
Використовуйте струм стандарти зображення одягу для підтримуваних зображень і метаданих. Вирішіть проблеми обробки перед увімкненням продуктів; не замінюйте виробничі дані заповнювачами ідентифікаторів одягу.