Shopify: looks criados por compradores
A construção de um visual começa e depende do Virtual Try-On. Ative-o nas configurações de recursos e ative Mostrar Crie um visual no bloco do provador. Salve o tema e recarregue a vitrine.
Shopify: trajes criados pelo comerciante
A guia Roupas é um fluxo de trabalho beta separado para combinar uma blusa pronta e uma calça pronta. Selecione variantes, nomeie a roupa e crie-a. Criar uma roupa não a torna viva: habilite-a separadamente. Desativar um produto subjacente também desativa o equipamento.
Web SDK: solicite uma roupa existente
Adicione um contêiner com ID spreeai-look. Passe por diversas entradas de roupas, com variantes opcionais, para solicitar uma roupa disponível que contenha os produtos selecionados.
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" } },
],
});
}Confira o resultado
- Confirme se todas as roupas solicitadas e variantes fixadas pertencem a uma roupa disponível.
- Verifique o botão do traje e as peças mostradas após ele ser aberto.
- Teste o substituto sem correspondência e confirme se a primeira peça de roupa é apropriada.
- Teste a integração do carrinho separadamente. A opção Adicionar visual à bolsa do Shopify adiciona o produto atual, não todos os itens em um visual.