Підгонка з урахуванням розміру

Конфігурація Shopify

Підгонка з урахуванням розміру починається та працює незалежно від віртуальної примірки. Додайте SPREEAI Знайдіть свій розмір блок біля панелі вибору розміру продукту, збережіть тему та протестуйте активний продукт. Якщо вимкнути підгонку з урахуванням розміру, кнопка буде прихована, а рекомендації розміру припиняться.

Конфігурація Web SDK

enableSizingRecommendation запитує потік рекомендацій щодо розміру всередині примірки. showSizes відображає доступні розміри, що поставляються; showPrices відображає ціну постачання. Усі три за замовчуванням мають значення false. Показ міток розміру сам по собі не дає рекомендації.

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-try-on",
    garments: [{
      garmentId: "YOUR_READY_GARMENT_ID",
      availableSizes: ["XS", "S", "M", "L"],
      price: "$89.00",
    }],
    enableSizingRecommendation: true,
    showSizes: true,
    showPrices: true,
    defaultUnits: "metric",
  });
}

Дані та поведінка

Поставте ярлики поточного розміру в наявності та відобразіть ціну з вітрини свого магазину.
Підтвердьте, що необхідна підгонка та дані про розмір продукту підтримуються під час реєстрації.
Використання defaultUnits для вибору метричних або британських вимірювань у профілі.
Тримайте доступною таблицю розмірів бренду. Візуальний попередній перегляд або рекомендація не гарантують фізичну форму.

Автономний розмір

Повернений SDK v3.0.0 розкриває renderTryOnButton(). Він не розкриває виклик renderSizingButton(), навіть якщо типи, пов’язані з розміром, залишаються в пакеті. Використовуйте підтримуваний вбудований потік або блок Shopify.

Перевірка кошика

На Shopify, Увімкніть Додати в сумку починається. Якщо ввімкнено, перевірити, що поточний продукт додано в розмірі, вибраному в примірочній. На спеціальному веб-сайті перевірте дані зворотного виклику та зіставте їх із ідентифікаторами продуктів і варіантів вашого кошика.

Посилання на джерела