Pag-configure ng Shopify
Ang sukat na may kamalayan sa laki ay nagsisimula at gumagana nang hiwalay sa Virtual Try-On. Idagdag ang SPREEAI Hanapin ang iyong sukat harangan malapit sa tagapili ng laki ng produkto, i-save ang tema at subukan ang isang pinaganang produkto. Itinatago ng pag-off sa Size-aware fit ang button at ititigil ang mga rekomendasyon sa laki.
Pag-configure ng Web SDK
enableSizingRecommendation hinihiling ang daloy ng rekomendasyon sa pagpapalaki sa loob ng try-on. showSizes nagpapakita ng mga ibinigay na magagamit na laki; showPrices ipinapakita ang ibinigay na presyo. Lahat ng tatlo ay default sa false. Ang pagpapakita lamang ng mga label ng laki ay hindi nagpapagana ng isang rekomendasyon.
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",
});
}Data at pag-uugali
- Ibigay ang kasalukuyang in-stock na mga label na laki at display na presyo mula sa iyong storefront.
- Kumpirmahin ang kinakailangang data ng fit at laki ng produkto na sinusuportahan sa pamamagitan ng onboarding.
- Gamitin
defaultUnitsupang pumili ng sukatan o imperyal na mga sukat sa profile. - Panatilihing available ang size chart ng brand. Ang isang visual na preview o rekomendasyon ay hindi ginagarantiyahan ang pisikal na kaangkupan.
Nakapag-iisang sukat
Ang ibinalik na v3.0.0 SDK ay naglalantad renderTryOnButton(). Hindi nito inilalantad ang isang callable renderSizingButton(), kahit na nananatili sa package ang mga uri na nauugnay sa pagsukat. Gamitin ang sinusuportahang naka-embed na daloy o Shopify block.
Pag-verify ng cart
Sa Shopify, Paganahin ang Idagdag sa bag nagsisimula. Kapag pinagana, i-verify na ang kasalukuyang produkto ay idinagdag sa laki na napili sa fitting room. Sa custom na web, i-validate ang data ng callback at imapa ito sa mga produkto at variant ID ng sarili mong cart.