Shopify App & Theme Integration

أخف غرفة قياس افتراضية بالذكاء الاصطناعي لـ Shopify

Name: Anddress
Author: Anddress

مكوّن خفيف لمتجر Shopify دون التأثير على سرعة التصفح.

اطّلع على الخطط وابدأ دخول العملاء

تحميل خفيف وغير متزامن

بلا اعتماديات ثقيلة. مكوّن ويب بجافاسكربت خالص لا يعطّل عرض DOM ولا يخفض درجة Google PageSpeed.

يعمل مع أي قالب

مُختبَر على أبرز قوالب Shopify: Dawn وPrestige وImpulse وWarehouse وSense، وكذلك الإعدادات المنفصلة مع Hydrogen أو Next.js.

إضافة إلى السلة أصلية

يُرسل أحداث anddress:add-to-cart مباشرة إلى واجهة السلة في Shopify ليُتمّ المشتري الشراء بسلاسة.

تثبيت يدوي

أضف سطرين من 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 يعمل تلقائيًا عبر بكسل الويب الخاص به؛ التثبيت اليدوي لا يتضمن النسب.