> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# إضافة سطر المجموع الفرعي إلى Upcart

> لمن يفضلون عرض سطر المجموع الفرعي أيضًا فوق زر الدفع

<div id="introduction">
  ## مقدمة
</div>

إذا كان إعداد المجموع الفرعي *(في الصورة أدناه)* لا يعمل لديك، فإليك مستندًا يشرح كيفية إدراج سطر المجموع الفرعي يدويًا.

<div id="enabling-subtotal-line">
  ## تفعيل سطر المجموع الفرعي
</div>

يمكنك بسهولة تفعيل سطر المجموع الفرعي في إعدادات تصميم السلة.

إليك مكان العثور على الإعداد:

**Cart Editor > Design > General > Enable subtotal line**

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-cart-editor-design-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a1c15c581fe49f32c8144e25c23f5d5b" alt="إعدادات تصميم Cart Editor مع إبراز مربع اختيار تفعيل سطر المجموع الفرعي" width="505" height="380" data-path="images/upcart/subtotal-line-cart-editor-design-settings.png" />

<div id="inserting-subtotal-via-code">
  # إدراج المجموع الفرعي عبر الكود
</div>

<div id="accessing-custom-css-and-html-settings">
  ## الوصول إلى إعدادات CSS وHTML المخصصة
</div>

لبدء تخصيص CSS لـ Upcart الخاص بك، اتّبع هذه الخطوات:

1. افتح تطبيق Upcart داخل لوحة المعلومات لديك.
2. انتقل إلى Cart Editor.
3. افتح **Settings**. وهي صف من علامات التبويب — اختر **Custom HTML** أو **Custom CSS** (تجدهما خلف **More settings** إذا امتلأ الصف).

<div id="html">
  ## HTML
</div>

تأكد من تحديد موقع HTML لاستهداف التغييرات التي تريد رؤيتها في Upcart. في حالتنا، نريد أن يكون سطر المجموع الفرعي "فوق زر الدفع". لا تتردد في تغيير نص "Subtotal" أدناه ليتوافق مع لغتك المفضلة.

```
<div   
  class="cart-subtotal-section"   
  style="display: flex; justify-content: space-between;"  
>  
  <span class="cart-subtotal-title">Subtotal</span>  
  <span class="cart-subtotal-value">{{UPCART_SUBTOTAL}}</span>  
</div>
```

هكذا يجب أن تبدو إعدادات HTML المخصصة لديك في Upcart:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-html-settings-above.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=28c3da390eca8817499ed35864f7f381" alt="إعدادات HTML المخصصة مضبوطة على فوق زر الدفع مع كود سطر المجموع الفرعي" width="1470" height="966" data-path="images/upcart/subtotal-line-custom-html-settings-above.png" />

<div id="css">
  ## CSS
</div>

في **Settings =>Custom CSS**، غيّر حجم الخط والألوان في CSS المخصص حسب الحاجة. لا تنسَ النقر على "Save" عند الانتهاء!

```
.cart-subtotal-section {  
  margin-bottom: 4px;  
}  
  
.cart-subtotal-title {  
  font-size: 24px;  
  color: red;  
}  
  
.cart-subtotal-value {  
  font-size: 18px;  
  color: green  
}
```

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-css-settings-cart.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2b4bd1b5ee98bc6eb5bb8f507a91ba31" alt="إعدادات CSS المخصصة تعرض قواعد تنسيق المجموع الفرعي للسلة" width="1452" height="1032" data-path="images/upcart/subtotal-line-custom-css-settings-cart.png" />

***

<div id="support-for-customizations">
  ## 🚧 الدعم الخاص بالتخصيصات
</div>

لا يمكن لفريق دعم Upcart المساعدة في تنفيذ حلول CSS أو HTML مخصصة في سلتك.

إذا كنت بحاجة إلى مساعدة في تصميم أو تنسيق شيء مخصص، فنوصي بـ [استشارة خبير Shopify](https://www.shopify.com/partners/directory) أو الدردشة مع نموذج لغوي كبير [باستخدام إرشادات موجهات الذكاء الاصطناعي لدينا](https://docs.aftersell.com/upcart/ai_prompt_suggestions_for_adding_custom_code_to_your_upcart_settings#ai-prompt-suggestions-for-adding-custom-code-to-your-upcart-settings).