Kesesuaian dengan ukuran | SDK 2.0

Konfigurasi Shopify

Penyesuaian ukuran dimulai dan bekerja secara independen dari Virtual Try-On. Tambahkan SPREEAI Temukan ukuran Anda blok di dekat pemilih ukuran produk, simpan tema dan uji produk yang diaktifkan. Menonaktifkan penyesuaian ukuran akan menyembunyikan tombol dan menghentikan rekomendasi ukuran.

Konfigurasi Web SDK

enableSizingRecommendation meminta alur rekomendasi ukuran di dalam percobaan. showSizes menampilkan ukuran yang tersedia; showPrices menampilkan harga yang ditawarkan. Ketiganya default ke false. Menampilkan label ukuran saja tidak memungkinkan rekomendasi.

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 perilaku

Berikan label ukuran yang tersedia saat ini dan tampilkan harga dari etalase Anda.
Konfirmasikan bahwa data kesesuaian dan ukuran produk yang diperlukan didukung melalui orientasi.
Menggunakan defaultUnits untuk memilih pengukuran metrik atau imperial di profil.
Sediakan tabel ukuran merek. Pratinjau atau rekomendasi visual tidak menjamin kebugaran fisik.

Ukuran mandiri

SDK v3.0.0 yang dikembalikan akan terlihat renderTryOnButton(). Itu tidak mengekspos callable renderSizingButton(), meskipun tipe terkait ukuran tetap ada dalam paket. Gunakan aliran tersemat atau blok Shopify yang didukung.

Verifikasi keranjang

Pada Shopify, Aktifkan Tambahkan ke tas dimulai. Saat diaktifkan, verifikasi produk saat ini ditambahkan dalam ukuran yang dipilih di ruang pas. Di web khusus, validasi data panggilan balik dan petakan ke produk keranjang Anda dan ID varian.

Referensi sumber