Ajuste consciente do tamanho | SDK 2.0

Configuração Shopify

O ajuste com reconhecimento de tamanho começa e funciona independentemente do Virtual Try-On. Adicione o SPREEAI Encontre o seu tamanho bloco próximo ao seletor de tamanho do produto, salve o tema e teste um produto habilitado. Desativar o ajuste com reconhecimento de tamanho oculta o botão e interrompe as recomendações de tamanho.

Configuração Web SDK

enableSizingRecommendation solicita o fluxo de recomendação de dimensionamento dentro do try-on. showSizes exibe os tamanhos disponíveis fornecidos; showPrices exibe o preço fornecido. Todos os três são padronizados como falsos. Mostrar rótulos de tamanho por si só não permite uma recomendação.

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",
  });
}

Dados e comportamento

Forneça as etiquetas de tamanho atuais em estoque e exiba o preço em sua loja.
Confirme se os dados de ajuste e dimensionamento necessários do produto são suportados por meio da integração.
Usar defaultUnits para escolher medidas métricas ou imperiais no perfil.
Mantenha a tabela de tamanhos da marca disponível. Uma visualização ou recomendação visual não garante a aptidão física.

Dimensionamento independente

O SDK v3.0.0 retornado expõe renderTryOnButton(). Não expõe um callable renderSizingButton(), mesmo que os tipos relacionados ao dimensionamento permaneçam no pacote. Use o fluxo integrado compatível ou o bloco Shopify.

Verificação do carrinho

Em Shopify, Ativar Adicionar à sacola começa. Quando habilitado, verifique se o produto atual está adicionado no tamanho selecionado no provador. Na web personalizada, valide os dados de retorno de chamada e mapeie-os para os IDs de produto e variante do seu próprio carrinho.

Referências de origem