نظرة عامة
مجموعة من مكونات Framer المتصلة بـ Shopify لبناء صفحات منتجات متكاملة وخيارات المتغيرات وإدارة عربة التسوق وإجراءات الدفع — دون كتابة أي كود مخصص.
هل كانت هذه الصفحة مفيدة؟
⌘I
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
This is a beta version of the documentation. Please report any issues or feedback to support@framerfy.ae
| المكون | الوصف |
|---|---|
| عرض الوسائط العمودي | معرض صور قابل للتمرير مع صور مصغرة عائمة ثابتة وتكبير عند التحويم. |
| عرض الوسائط المنزلق | شريحة صورة واحدة مع أزرار تنقل بالأسهم وشريط صور مصغرة وتكبير عند التحويم. |
| المكون | الوصف |
|---|---|
| محدد المتغيرات الشامل | أزرار خيارات نصية (الحجم، نمط الإطار، إلخ) لأي نوع خيار Shopify. ضع واحدًا لكل خيار. |
| محدد متغير الألوان | أزرار دائرية لعينات الألوان مملوءة بالألوان السداسية لكل متغير. مرتبط بخيار Color. |
| المكون | الوصف |
|---|---|
| فلتر حسب المتغير | يجلب جميع المتغيرات من الكتالوج ويعرضها كأزرار فلتر. يحفظ الفلتر النشط في localStorage لاستخدامه في شبكة المنتجات. |
| متحكم ترتيب الأسعار | قائمة منسدلة لترتيب المنتجات حسب الموصى به أو السعر من الأدنى للأعلى أو من الأعلى للأدنى. يحفظ الترتيب في sessionStorage. |
| المكون | الوصف |
|---|---|
| سعر المنتج الديناميكي | يعرض إما أدنى سعر للمتغير (وضع البطاقة) أو سعر المتغير المحدد حاليًا (وضع المنتج). |
| المكون | الوصف |
|---|---|
| زر إضافة إلى عربة التسوق | يضيف المتغير المحدد حاليًا إلى عربة التسوق. يدعم إشعارات التنبيه ويزيد الكمية إذا كان العنصر موجودًا بالفعل. |
| قائمة منتجات عربة التسوق | يعرض جميع عناصر عربة التسوق كبطاقات مع صورة المنتج والعنوان وخيارات المتغير والسعر ومتحكم الكمية وزر الحذف. |
| عداد عناصر عربة التسوق | يعرض عدد العناصر في عربة التسوق. يتحدث في الوقت الفعلي عبر حدث cartUpdated. |
| متحكم حالة عربة التسوق | يتبدل بين مكونين فرعيين اعتمادًا على ما إذا كانت عربة التسوق فارغة أم تحتوي على عناصر. |
| السعر الإجمالي لعربة التسوق | يعرض التكلفة الإجمالية لجميع العناصر في عربة التسوق مع رمز العملة والرمز الاختصاري الاختياريين. |
| زر مسح عربة التسوق | يلتف حول أي عنصر ويمسح عربة التسوق بالكامل عند النقر. |
| المكون | الوصف |
|---|---|
| زر الدفع | يقرأ عربة التسوق من localStorage، ينشئ عربة Shopify عبر Storefront API، ويعيد التوجيه إلى رابط الدفع على Shopify. |
| زر إعادة توجيه الملف الشخصي على Shopify | يلتف حول أي عنصر ويعيد توجيه المستخدم إلى صفحة حسابه على Shopify عند النقر. |
هل كانت هذه الصفحة مفيدة؟