Shopify App & Theme Integration

专为 Shopify 打造的超轻量 AI 虚拟试衣间

Name: Anddress
Author: Anddress

轻量组件即插即用，无任何性能开销，适配 Shopify 2.0 主题。

查看套餐并开始客户登录

轻量异步加载

没有沉重依赖。纯原生 JS Web Component，不阻塞 DOM 渲染，也不拉低 Google PageSpeed 分数。

不挑主题

已在主流 Shopify 主题上测试：Dawn、Prestige、Impulse、Warehouse、Sense，以及使用 Hydrogen 或 Next.js 的无头架构。

原生加入购物车

直接向 Shopify 的 Cart API 派发 anddress:add-to-cart 事件，让买家顺畅结账。

手动安装

往主题里粘贴两行 Liquid

1. layout/theme.liquid 放在此标签之前： </body>:

<script src="https://app.anddress.com/widget/anddress-loader.js" data-brand-key="pk_live_..." async></script>

2. 在商品页面中 (snippets/buy-buttons.liquid):

<anddress-tryon-button
  data-garment-image="{{ product.featured_image | image_url: width: 1200 | prepend: 'https:' }}"
  data-garment-category="{% if product.type != blank %}{{ product.type | downcase }}{% else %}tops{% endif %}"
  data-garment-id="{{ product.selected_or_first_available_variant.sku | default: product.id }}"
  data-garment-name="{{ product.title | escape }}">
</anddress-tryon-button>

3. 销售归因：Shopify 已不再允许在感谢页添加脚本。安装 Anddress 应用后会通过其网页像素自动完成；手动安装无法归因。