Документация

SDK 2.0 · РУКОВОДСТВА ПО ФУНКЦИЯМ

Создайте образ и наряды

Изучите образы, созданные покупателями, одежду продавцов и запросы Web SDK на несколько предметов одежды.

Shopify: образы, созданные покупателями

Создание образа начинается и зависит от виртуальной примерки. Включите его в настройках функции и включите Показать Создайте образ в блоке Примерочная. Сохраните тему и перезагрузите витрину.

Shopify: костюмы, созданные торговцами.

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

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 «Добавить образ в сумку» добавляет текущий продукт, а не каждый элемент в образе.
Ссылки на источники

Поиск по заголовкам и содержанию страниц. Escape закрывает поиск.

Выберите свой язык.