Размер с учетом размера

Конфигурация 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, Включить «Добавить в корзину» начинается. Если эта функция включена, убедитесь, что текущий продукт добавлен в размере, выбранном в примерочной. На пользовательском веб-сайте проверьте данные обратного вызова и сопоставьте их с идентификаторами продуктов и вариантов вашей корзины.

Ссылки на источники