Boyuta duyarlı uyum | SDK 2.0

Shopify yapılandırması

Boyuta duyarlı uyum başlar ve Sanal Denemeden bağımsız olarak çalışır. Ekle SPREEAI Bedeninizi bulun ürünün boyut seçicisinin yanında blok yapın, temayı kaydedin ve etkinleştirilmiş bir ürünü test edin. Boyuta duyarlı uyumun kapatılması düğmeyi gizler ve boyut önerilerini durdurur.

Web SDK yapılandırması

enableSizingRecommendation deneme içindeki boyutlandırma önerisi akışını ister. showSizes sağlanan mevcut boyutları görüntüler; showPrices tedarik edilen fiyatı görüntüler. Her üçü de varsayılan olarak false'tur. Beden etiketlerinin tek başına gösterilmesi öneriyi etkinleştirmez.

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

Veri ve davranış

Mevcut stoktaki boyut etiketlerini sağlayın ve vitrininizden fiyatı görüntüleyin.
Ürünün gerekli uyumunun ve beden verilerinin katılım yoluyla desteklendiğini doğrulayın.
Kullanmak defaultUnits profilde metrik veya emperyal ölçümleri seçmek için.
Markanın beden tablosunu hazır bulundurun. Görsel bir önizleme veya öneri, fiziksel uyumu garanti etmez.

Bağımsız boyutlandırma

Döndürülen v3.0.0 SDK'sı ortaya çıkıyor renderTryOnButton(). Çağrılabilir bir şeyi açığa çıkarmaz renderSizingButton(), boyutlandırmayla ilgili türler pakette kalsa da. Desteklenen yerleşik akışı veya Shopify bloğunu kullanın.

Sepet doğrulama

Shopify'de, Çantaya Ekle'yi etkinleştir başlar. Etkinleştirildiğinde mevcut ürünün soyunma odasında seçilen boyutta eklendiğini doğrulayın. Özel web'de geri arama verilerini doğrulayın ve bunu kendi sepetinizin ürün ve çeşit kimlikleriyle eşleştirin.

Kaynak referansları