Kesesuaian sedar saiz | SDK 2.0

Konfigurasi Shopify

Kesesuaian sedar saiz bermula dan berfungsi secara bebas daripada Try-On Maya. Tambah SPREEAI Cari saiz anda blok berhampiran pemilih saiz produk, simpan tema dan uji produk yang didayakan. Mematikan saiz sedar saiz menyembunyikan butang dan menghentikan pengesyoran saiz.

Konfigurasi Web SDK

enableSizingRecommendation meminta aliran pengesyoran saiz dalam percubaan. showSizes memaparkan saiz tersedia yang dibekalkan; showPrices memaparkan harga yang dibekalkan. Ketiga-tiga lalai kepada palsu. Menunjukkan label saiz sahaja tidak mendayakan pengesyoran.

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

Data dan tingkah laku

Bekalkan label saiz dalam stok semasa dan harga paparan daripada etalase anda.
Sahkan data kesesuaian dan saiz yang diperlukan produk disokong melalui onboarding.
Gunakan defaultUnits untuk memilih ukuran metrik atau imperial dalam profil.
Pastikan carta saiz jenama tersedia. Pratonton visual atau pengesyoran tidak menjamin kesesuaian fizikal.

Saiz kendiri

SDK v3.0.0 yang dikembalikan mendedahkan renderTryOnButton(). Ia tidak mendedahkan yang boleh dipanggil renderSizingButton(), walaupun jenis berkaitan saiz kekal dalam pakej. Gunakan aliran terbenam yang disokong atau blok Shopify.

Pengesahan troli

Pada Shopify, Dayakan Tambah pada beg bermula. Apabila didayakan, sahkan produk semasa ditambah dalam saiz yang dipilih dalam bilik pemasangan. Di web tersuai, sahkan data panggil balik dan petakannya ke produk troli dan ID varian anda sendiri.

Rujukan sumber