Shopify: vẻ ngoài do người mua hàng tạo ra
Xây dựng giao diện bắt đầu và phụ thuộc vào Virtual Try-On. Bật nó trong Cài đặt tính năng và bật Hiển thị Xây dựng giao diện trên khối Phòng thử đồ. Lưu chủ đề và tải lại mặt tiền cửa hàng.
Shopify: trang phục do thương gia tạo ra
Tab Trang phục là một quy trình làm việc beta riêng biệt để ghép nối áo Sẵn sàng và quần Sẵn sàng. Chọn các biến thể, đặt tên cho trang phục và tạo ra nó. Tạo một bộ trang phục không làm cho nó tồn tại: hãy kích hoạt nó một cách riêng biệt. Vô hiệu hóa sản phẩm cơ bản cũng vô hiệu hóa trang phục.
Web SDK: yêu cầu trang phục hiện có
Thêm vùng chứa có ID spreeai-look. Vượt qua nhiều mục may mặc, với các biến thể tùy chọn, để yêu cầu một bộ trang phục có sẵn chứa các sản phẩm đã chọn.
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" } },
],
});
}Kiểm tra kết quả
- Xác nhận rằng tất cả các sản phẩm may mặc được yêu cầu và các biến thể được ghim đều thuộc về một trang phục có sẵn.
- Kiểm tra nút trang phục và quần áo hiển thị sau khi nó mở ra.
- Kiểm tra dự phòng không phù hợp và xác nhận quần áo đầu tiên là phù hợp.
- Kiểm tra tích hợp giỏ hàng riêng biệt. Tùy chọn Thêm giao diện vào túi của Shopify thêm sản phẩm hiện tại chứ không phải mọi mặt hàng trong giao diện.