Skip to main content

نظرة عامة

إذا كنت تريد تغيير حجم خط عناصر نصية معينة في سلتك (مثل عناوين عروض البيع الإضافي أو خيارات المتغيرات)، فيمكنك القيام بذلك باستخدام محرر Custom CSS المدمج في Upcart.

الخطوة 1: افحص العنصر

  1. افتح واجهة متجرك وشغّل درج Upcart.
  2. انقر بزر الفأرة الأيمن على العنصر الذي تريد تغيير حجم خطه.
  3. اختر Inspect من قائمة السياق في متصفحك لفتح أدوات المطورين.
  4. حدد اسم الفئة (class) الخاص بالعنصر في لوحة HTML.
    مثال: upcart-item-option

الخطوة 2: ادخل إلى محرر CSS المخصص

  1. انتقل إلى Shopify Admin > Apps > Upcart
  2. افتح Cart Editor
  3. انقر على Settings
  4. ابحث عن قسم Custom CSS

الخطوة 3: اكتب CSS المخصص الخاص بك

في حقل إدخال CSS:
  1. ابدأ بنقطة (.) متبوعة باسم الفئة
  2. أضف { font-size: 14px !important; } (أو الحجم الذي تريده)
مثال:
💡 ملاحظة:.upcart-item-option هي فئة خاصة بـ V1. في V2، نص متغير عنصر السطر المكافئ هو .upcart-public-component-product-tile__variant. راجع مكتبة محددات CSS للإصدار V2 للاطلاع على المجموعة الكاملة. استخدم !important فقط إذا لم يُطبَّق النمط بعد التغيير بسبب تجاوزه.

الخطوة 4: احفظ واختبر

  1. انقر على Save في Cart Editor
  2. حدّث صفحة واجهة متجرك
  3. افتح الدرج الجانبي لسلة التسوق وتأكد من تحديث حجم الخط
إذا لم يتغير النص، فتحقق مرة أخرى من اسم الفئة أو استخدم أداة Inspect في المتصفح مجددًا للتأكد من أنك تستهدف العنصر الصحيح.