Shopify App & Theme Integration

La Cabine d'Essayage Virtuelle IA la Plus Légère pour Shopify

Name: Anddress
Author: Anddress

Installez un composant de moins de 25 Ko sur votre thème Shopify. Vitesse de chargement 100% préservée.

Async Load <25 KB

Zero heavy dependencies. Pure Vanilla JS Web Component that does not block DOM rendering or lower your Google PageSpeed score.

Theme Agnostic

Tested across top Shopify themes: Dawn, Prestige, Impulse, Warehouse, Sense, and Headless setups with Hydrogen or Next.js.

Native Add-To-Cart

Dispatches custom anddress:add-to-cart events directly into Shopify’s Cart API so buyers checkout effortlessly.

Instalación en 2 Pasos

Drop 2 lines of Liquid into your theme

1. En tu layout/theme.liquid antes de </body>:

<script src="https://brands.anddress.com/widget/anddress-brands.js" data-brand-key="pk_live_TU_CLAVE" async></script>

2. En tu ficha de producto (snippets/buy-buttons.liquid):

<anddress-tryon-button
  data-garment-image="{{ product.featured_image | image_url: width: 1200 }}"
  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>