Bumuo ng hitsura at mga damit

Shopify: mga hitsurang nilikha ng mamimili

Magsisimula ang Build a look at depende sa Virtual Try-On. I-on ito sa Mga Setting ng Tampok at paganahin Ipakita Bumuo ng isang hitsura sa bloke ng Fitting Room. I-save ang tema at i-reload ang storefront.

Shopify: mga damit na nilikha ng merchant

Ang tab na Outfits ay isang hiwalay na beta workflow para sa pagpapares ng isang Ready top at isang Ready bottom. Pumili ng mga variant, pangalanan ang outfit at gawin ito. Ang paggawa ng outfit ay hindi ginagawang live: paganahin ito nang hiwalay. Ang hindi pagpapagana ng pinagbabatayan na produkto ay hindi rin pinapagana ang sangkap.

Web SDK: humiling ng kasalukuyang damit

Magdagdag ng container na may ID spreeai-look. Magpasa ng maraming entry ng damit, na may mga opsyonal na variant, para humiling ng available na outfit na naglalaman ng mga napiling produkto.

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

Suriin ang resulta

• Kumpirmahin na ang lahat ng hiniling na kasuotan at mga naka-pin na variant ay nabibilang sa isang available na outfit.
• I-verify ang button ng outfit at ang mga damit na ipinapakita pagkatapos itong magbukas.
• Subukan ang walang tugmang fallback at kumpirmahin na ang unang damit ay angkop.
• Subukan ang pagsasama ng cart nang hiwalay. Ang opsyong Add look to bag ng Shopify ay nagdaragdag ng kasalukuyang produkto, hindi lahat ng item sa hitsura.