Skip to main content
📝 ملاحظة تستهدف محددات V1 وحدات درج السلة القديم. إذا كنت قد ترقيت إلى V2، فلن تتطابق محددات الوحدات في هذه الصفحة بعد الآن — راجع مكتبة محددات CSS للإصدار V2 للمحددات الحالية. هناك استثناءان يجدر معرفتهما: .upcart-cart و.upcart-cart-body موجودان على هيكل الدرج وليس على وحدة، لذا ما زالا ينطبقان على V2. إصلاحات التخطيط التي تستهدف الدرج ككل (تقييد عرضه، إيقاف الفيض الأفقي) تستمر في العمل بعد الترقية.

نظرة عامة

إذا كنت تريد تغيير مظهر سلتك، مثل إخفاء سعر أو تعديل حجم النص أو إعادة تموضع زر، فهذا هو المكان الذي تبدأ منه. توفر مكتبة محددات CSS هذه الأدوات التي تحتاجها لإجراء تلك التغييرات بكودك المخصص. جميع محددات CSS المتاحة مجمّعة في هذه المقالة، مع روابط لموارد مفيدة لكتابة تنسيقاتك واختبارها.

ملاحظة

بينما نوفر هذه المكتبة لراحتك، فإن فريق دعم Upcart لا يمكنه المساعدة في بناء الكود المخصص أو إصلاحه. هذا جزء من سياسة التخصيص لدينا. نوصي باستشارة خبير Shopify لحلول الكود المخصص. اطّلع على خبراء Shopify

كيفية استخدام محددات CSS في Upcart

هذه المقالة هي مكتبة محددات CSS يمكنك استخدامها لتنسيق درج سلة Upcart وتخصيصه. يستهدف كل محدد جزءًا معينًا من السلة — مثل الترويسة وصفوف المنتجات وعروض البيع الإضافي (upsells) ووحدة المكافآت وغيرها. يمكنك استخدام هذه المحددات من أجل:
  • إخفاء العناصر أو إعادة تصميمها
  • تغيير التباعد أو الخطوط أو الألوان
  • تعديل التخطيط بما يتناسب مع هوية متجرك
لتطبيق CSS الخاص بك، افتح Cart Editor، وانتقل إلى Settings، واختر علامة التبويب Custom CSS، والصق تنسيقاتك في المحرر.

ما يجب معرفته قبل إضافة CSS

قبل الانطلاق في تنسيقاتك المخصصة، إليك بعض النصائح لتسير الأمور بسلاسة. ستسهّل هذه عليك اختبار التغييرات وتجنّب المفاجآت والحصول على المظهر الذي تريده دون تعطيل أي شيء في سلتك.

قائمة التحقق لتخصيص CSS:

  • اختبر في بيئة آمنة: استخدم معاينة أو قالبًا غير منشور عندما يكون ذلك ممكنًا قبل النشر.
  • ابدأ صغيرًا: أجرِ تغييرًا واحدًا في كل مرة ليسهل تتبع ما نجح وما لم ينجح.
  • الصق التنسيقات في المكان الصحيح: استخدم حقل Upcart Editor > Settings > Custom CSS لإضافة كودك.
  • استخدم أداة Inspect: انقر بزر الفأرة الأيمن على العناصر في متصفحك واختر Inspect للعثور على المحددات واختبارها مباشرة.
  • تجنّب الافتراضات: لا يظهر كل عنصر في جميع السلات — اختبر بسلات مختلفة (مع/بدون مكافآت، عروض بيع إضافي، إلخ).

مكتبة محددات CSS

فيما يلي قائمة بجميع محددات CSS المتاحة في Upcart. وهي مجمّعة حسب الوحدة (مثل الترويسة، المنتجات، عروض البيع الإضافي، إلخ) لتسهيل العثور على ما تريد تخصيصه. استخدمها كمرجع عند كتابة تنسيقاتك الخاصة.

الإعدادات العامة

وحدة التصميم

وحدة الترويسة

إعدادات الجسم

وحدة الإعلانات

وحدة المكافآت

وحدة التوصيات

وحدة ترقيات الاشتراك

وحدة عروض البيع الإضافي

إعدادات المنتج

وحدة الإضافات

وحدة رموز الخصم

صف التوفير

وحدة الدفع السريع

ملاحظة

تعمل أزرار الدفع السريع في Upcart كحاويات مرئية، بينما يتحكم Shopify بالكامل في المحتوى والوظائف بداخلها. نتيجة لذلك، لا يمكننا تعديل سلوكها أو مظهرها. راجع دليل وحدة الدفع السريع لمزيد من المعلومات.

وحدة شارات الثقة

وحدة الملاحظات الإضافية

وحدة إعدادات Upcart

محددات الهياكل النائبة (Skeleton)

موارد مفيدة للبدء: