Použijte správný identifikátor
ID produktu v obchodě, SKU nebo ID varianty není automaticky ID oděvu SPREEAI. Udržujte mapování vytvořené prostřednictvím vašeho příjmu nebo pracovního postupu synchronizace Shopify. Oděv musí patřit ověřenému partnerovi a musí být k dispozici pro vyzkoušení.
Zmapujte výběr produktů
TypeScript
import type { RenderTryOnButtonOptions } from "@spreeai/web-sdk";
export const productOptions: RenderTryOnButtonOptions = {
elementId: "spreeai-try-on",
garments: [{
garmentId: "SPREEAI_GARMENT_ID",
variant: { color: "blue", fit: "regular" },
availableSizes: ["S", "M", "L"],
price: "$59.00",
}],
showSizes: true,
showPrices: true,
};variant může filtrovat barvu, střih, pohlaví a styl. Dokumentovaná shoda nerozlišuje velká a malá písmena. Přizpůsobte barvu jejímu názvu, např blue, spíše než pomocí hexadecimální hodnoty.
Oděvní připravenost
| Stav nebo stav | Integrační akce |
|---|---|
| Nesynchronizováno / zpracování nebylo dokončeno | Zachovejte běžnou zkušenost s produktem; neslibujte dostupnost na vyzkoušení. |
| Připraveno, ale deaktivováno v Shopify | Zkontrolujte a výslovně aktivujte zamýšlený produkt. Pouze připravenost to neudělá. |
| K dispozici oděv a odpovídající varianta | Vykreslete tlačítko pro tento výběr. |
| Žádné odpovídající dostupné oblečení | Očekávejte návrat k prvnímu oděvu v řadě. |
| Ověření se nezdaří | Není vykresleno žádné tlačítko; prozkoumejte konzoli a mapování produktů. |
Udržujte produktová data aktuální
- Aktualizujte zobrazenou cenu a skladové velikosti, když se změní výběr produktu.
- Pro tlačítka samostatných produktů použijte jedinečná ID kontejnerů.
- Při opětovném vykreslování tlačítka předejte aktuální výběr oděvu a varianty.
- Před vytvořením mutace košíku zkontrolujte data vráceného košíku se svým vlastním katalogem.
Připravte si oděvní prostředky
Použijte proud standardy obrazu oděvů pro podporované snímky a metadata. Před aktivací produktů vyřešte problémy se zpracováním; nenahrazujte zástupná ID oděvu za produkční data.