Dopasowanie uwzględniające rozmiar

Konfiguracja Shopify

Dopasowanie uwzględniające rozmiar rozpoczyna się i działa niezależnie od wirtualnej przymiarki. Dodaj SPREEAI Znajdź swój rozmiar zablokuj w pobliżu selektora rozmiaru produktu, zapisz motyw i przetestuj włączony produkt. Wyłączenie opcji Dopasowanie z uwzględnieniem rozmiaru powoduje ukrycie przycisku i zatrzymanie rekomendacji rozmiaru.

Konfiguracja Web SDK

enableSizingRecommendation żąda przepływu zaleceń dotyczących rozmiaru wewnątrz przymiarki. showSizes wyświetla dostarczone dostępne rozmiary; showPrices wyświetla podaną cenę. Wszystkie trzy domyślnie mają wartość false. Samo pokazanie etykiet z rozmiarami nie umożliwia rekomendacji.

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

Dane i zachowanie

Podaj aktualne dostępne w magazynie etykiety rozmiarów i wyświetlaną cenę w sklepie.
Potwierdź, że wymagane dane dotyczące dopasowania i rozmiaru produktu są obsługiwane podczas wdrożenia.
Używać defaultUnits wybrać w profilu wymiary metryczne lub imperialne.
Zachowaj tabelę rozmiarów marki. Wizualny podgląd lub rekomendacja nie gwarantuje dopasowania fizycznego.

Samodzielny rozmiar

Zwrócony zestaw SDK w wersji 3.0.0 udostępnia renderTryOnButton(). Nie ujawnia wywołania renderSizingButton(), mimo że typy związane z rozmiarem pozostają w pakiecie. Użyj obsługiwanego wbudowanego przepływu lub bloku Shopify.

Weryfikacja koszyka

W Shopify, Włącz Dodaj do koszyka zaczyna się. Po włączeniu sprawdź, czy bieżący produkt został dodany w rozmiarze wybranym w przymierzalni. W niestandardowej witrynie sprawdź dane wywołania zwrotnego i zmapuj je na identyfikatory produktów i wariantów własnego koszyka.

Odniesienia źródłowe