Dokümantasyon

SDK 2.0 · ÖZELLİK KILAVUZLARI

Bir görünüm ve kıyafetler oluşturun

Alışveriş yapanların oluşturduğu görünümleri, mağaza kıyafetlerini ve çoklu giysi Web SDK isteklerini anlayın.

Shopify: alışveriş yapanların yarattığı görünümler

Bir görünüm oluşturma işlemi başlar ve Sanal Denemeye bağlıdır. Özellik Ayarlarında açın ve etkinleştirin Göster Bir görünüm oluşturun Soyunma Odası bloğunda. Temayı kaydedin ve vitrini yeniden yükleyin.

Shopify: tüccarların yarattığı kıyafetler

Kıyafetler sekmesi, Hazır üst ve Hazır alt eşleme için ayrı bir beta iş akışıdır. Çeşitleri seçin, kıyafete isim verin ve yaratın. Bir kıyafet oluşturmak onu canlı hale getirmez: ayrı olarak etkinleştirin. Temel bir ürünü devre dışı bırakmak aynı zamanda donanımı da devre dışı bırakır.

Web SDK: mevcut bir donanım talep edin

Kimlik içeren bir kapsayıcı ekleyin spreeai-look. Seçilen ürünleri içeren mevcut bir kıyafeti talep etmek için isteğe bağlı varyantlarla birden fazla giysi girişini iletin.

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-look",
    garments: [
      { garmentId: "TOP_GARMENT_ID", variant: { color: "blue" } },
      { garmentId: "BOTTOM_GARMENT_ID", variant: { color: "indigo" } },
    ],
  });
}

Sonucu kontrol edin

  • Talep edilen tüm kıyafetlerin ve sabitlenmiş çeşitlerin mevcut bir kıyafete ait olduğunu onaylayın.
  • Kıyafet düğmesini ve açıldıktan sonra gösterilen kıyafetleri doğrulayın.
  • Eşleşmeyen geri dönüşü test edin ve ilk giysinin uygun olduğunu onaylayın.
  • Sepet entegrasyonunu ayrı ayrı test edin. Shopify'nin Çantaya görünüm ekle seçeneği, görünümdeki her öğeyi değil mevcut ürünü ekler.
Kaynak referansları

Sayfa başlıklarını ve içeriğini arayın. Kaçış aramayı kapatır.

Dilinizi seçin.