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 的“将外观添加到包”选项会添加当前产品,而不是外观中的每件商品。