Shopify:購物者創造的外觀
打造造型始於並取決於虛擬試穿。在功能設定中將其開啟並啟用 顯示建置外觀 在試衣間塊。儲存主題並重新載入店面。
Shopify:商人創造的服裝
「服裝」標籤是一個單獨的測試工作流程,用於配對 Ready 上衣和 Ready 下裝。選擇變體,命名服裝並創建它。創建一套服裝並不能讓它生效:單獨啟用它。停用基礎產品也會停用該裝備。
Web SDK:請求現有服裝
添加帶有 ID 的容器 spreeai-look。傳遞多個帶有可選變體的服裝條目,以請求包含所選產品的可用服裝。
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" } },
],
});
}檢查結果
- 確認所有要求的服裝和固定的款式都屬於可用服裝。
- 驗證服裝按鈕及其開啟後顯示的服裝。
- 測試不匹配後備並確認第一件衣服是否合適。
- 單獨測試購物車整合。 Shopify 的「將外觀新增至包」選項會新增目前產品,而不是外觀中的每件商品。