Shopify App & Theme Integration

Shopify के लिए सबसे हल्का AI वर्चुअल फिटिंग रूम

Name: Anddress
Author: Anddress

अपने Shopify थीम में हल्का घटक जोड़ें। पेज लोड स्पीड पर कोई असर नहीं।

हल्का एसिंक लोड

कोई भारी डिपेंडेंसी नहीं। शुद्ध वनीला JS वेब कंपोनेंट, जो न DOM रेंडरिंग रोकता है न आपका Google PageSpeed स्कोर गिराता है।

किसी भी थीम पर

प्रमुख Shopify थीम पर टेस्ट किया गया: Dawn, Prestige, Impulse, Warehouse, Sense, और Hydrogen या Next.js वाले हेडलेस सेटअप।

नेटिव ऐड-टू-कार्ट

Shopify की Cart API में सीधे anddress:add-to-cart इवेंट भेजता है, ताकि खरीदार बिना रुकावट चेकआउट करे।

मैन्युअल इंस्टॉल

अपनी थीम में Liquid की 2 लाइनें डालें

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 ऐप के साथ यह उसके वेब पिक्सेल से अपने-आप होता है; मैन्युअल इंस्टॉल में एट्रिब्यूशन नहीं होता।