Nhận biết kích thước phù hợp

Cấu hình Shopify

Sự phù hợp nhận biết kích thước bắt đầu và hoạt động độc lập với Thử ảo. Thêm SPREEAI Tìm kích thước của bạn chặn gần bộ chọn kích thước của sản phẩm, lưu chủ đề và kiểm tra sản phẩm đã bật. Việc tắt tính năng Nhận biết kích thước sẽ ẩn nút và dừng đề xuất kích thước.

Cấu hình Web SDK

enableSizingRecommendation yêu cầu luồng đề xuất kích thước bên trong lần thử. showSizes hiển thị các kích thước có sẵn được cung cấp; showPrices hiển thị giá cung cấp. Cả ba đều mặc định là sai. Chỉ hiển thị nhãn kích thước không cho phép đề xuất.

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

Dữ liệu và hành vi

• Cung cấp nhãn kích cỡ hiện có trong kho và giá hiển thị từ cửa hàng của bạn.
• Xác nhận rằng dữ liệu về kích thước và độ vừa vặn cần thiết của sản phẩm được hỗ trợ thông qua quá trình giới thiệu.
• Sử dụng defaultUnits để chọn số đo hệ mét hoặc hệ đo lường Anh trong hồ sơ.
• Giữ sẵn biểu đồ kích thước của thương hiệu. Bản xem trước hoặc đề xuất trực quan không đảm bảo sự phù hợp về thể chất.

Kích thước độc lập

SDK v3.0.0 được trả về hiển thị renderTryOnButton(). Nó không hiển thị một cuộc gọi renderSizingButton(), mặc dù các loại liên quan đến kích thước vẫn còn trong gói. Sử dụng luồng nhúng được hỗ trợ hoặc khối Shopify.

Xác minh giỏ hàng

Trên Shopify, Bật Thêm vào túi bắt đầu. Khi được bật, hãy xác minh rằng sản phẩm hiện tại đã được thêm vào với kích thước đã chọn trong phòng thử đồ. Trên web tùy chỉnh, xác thực dữ liệu gọi lại và ánh xạ dữ liệu đó tới ID sản phẩm và biến thể trong giỏ hàng của bạn.