Dokumentacja

SDK 2.0 · PRZEWODNIKI PO FUNKCJACH

Stwórz wygląd i stroje

Poznaj stylizacje tworzone przez kupujących, stroje sprzedawców i zapytania Web SDK dotyczące wielu rodzajów odzieży.

Shopify: wygląd stworzony przez kupujących

Tworzenie wyglądu zaczyna się i zależy od wirtualnej przymiarki. Włącz tę opcję w Ustawieniach funkcji i włącz Pokaż Stwórz wygląd w bloku Przymierzalnia. Zapisz motyw i ponownie załaduj witrynę sklepową.

Shopify: stroje stworzone przez kupców

Karta Stroje to oddzielny proces w wersji beta umożliwiający łączenie góry Ready z dołem Ready. Wybierz warianty, nazwij strój i stwórz go. Utworzenie stroju nie sprawi, że stanie się on żywy: włącz go osobno. Wyłączenie podstawowego produktu powoduje również wyłączenie stroju.

Web SDK: poproś o istniejący strój

Dodaj kontener z identyfikatorem spreeai-look. Prześlij wiele wpisów odzieży z opcjonalnymi wariantami, aby poprosić o dostępny strój zawierający wybrane produkty.

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

Sprawdź wynik

  • Potwierdź, że wszystkie żądane ubrania i przypięte warianty należą do dostępnego stroju.
  • Sprawdź przycisk stroju i ubrania pokazane po jego otwarciu.
  • Przetestuj rezerwę bez dopasowania i potwierdź, że pierwszy element garderoby jest odpowiedni.
  • Przetestuj integrację koszyka oddzielnie. Opcja Dodaj wygląd do torby w Shopify dodaje bieżący produkt, a nie każdy element w wyglądzie.
Odniesienia źródłowe

Wyszukaj tytuły stron i treść. Ucieczka zamyka wyszukiwanie.

Wybierz swój język.