Створіть зовнішній вигляд і вбрання

Shopify: образи, створені покупцями

Створення зовнішнього вигляду починається і залежить від віртуальної примірки. Увімкніть його в налаштуваннях функцій і активуйте Показати Build a look на блоці Примірочна. Збережіть тему та оновіть вітрину.

Shopify: одяг, створений торговцями

Вкладка «Одяг» — це окрема бета-версія робочого процесу для поєднання верху Ready і низу Ready. Виберіть варіанти, назвіть наряд і створіть його. Створення наряду не робить його живим: увімкніть його окремо. Вимкнення основного продукту також вимикає одяг.

Web SDK: запит на наявне вбрання

Додайте контейнер з ID spreeai-look. Передайте кілька записів одягу з необов’язковими варіантами, щоб запросити доступне вбрання, яке містить вибрані продукти.

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 «Додати зовнішній вигляд до сумки» додає поточний продукт, а не кожен елемент зовнішнього вигляду.