> ## 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.

# مكتبة مواقع HTML في Upcart

> تعرّف على أماكن ظهور HTML وJavaScript المخصصين في درج السلة.

<div id="overview">
  # نظرة عامة
</div>

يتيح لك Upcart إدراج HTML أو JavaScript في مواقع محددة عبر السلة باستخدام محرر **Custom HTML**. يمنحك هذا تحكمًا كاملًا في التخطيط والظهور والمحتوى المشروط داخل تجربة السلة.

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

<div id="available-html-locations">
  ## مواقع HTML المتاحة
</div>

<div id="above-announcementsrewards">
  #### **فوق الإعلانات/المكافآت**
</div>

يُعرض مباشرة أسفل ترويسة السلة، قبل أي وحدات.\
استخدمه لإضافة رسائل على مستوى الموقع أو إشارات أو لافتات ديناميكية.

<div id="below-headerannouncementsrewards">
  #### **أسفل الترويسة/الإعلانات/المكافآت**
</div>

يظهر مباشرة بعد وحدتي الإعلانات والمكافآت، وقبل قائمة المنتجات مباشرة.

<div id="between-each-line-item">
  #### **بين كل بند طلب**
</div>

يكرر HTML الخاص بك بعد كل منتج في السلة.\
مثالي لعرض إخلاءات المسؤولية أو معلومات إضافية خاصة بالمنتج.

<div id="below-cart-items">
  #### **أسفل عناصر السلة**
</div>

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

<div id="above-footeradd-ons">
  #### **فوق التذييل/الإضافات**
</div>

يظهر أسفل قائمة المنتجات وعروض البيع الإضافي، لكن فوق قسم الإضافات.\
رائع للرسائل التي تمهد لعروض الضمان أو حماية الشحن.

<div id="above-checkout-button">
  #### **فوق زر إتمام الشراء**
</div>

يُعرض داخل منطقة التذييل، فوق زر إتمام الشراء والمجموع الفرعي مباشرة.\
غالبًا ما يُستخدم لعرض تفاصيل الأسعار أو إشعارات الشحن أو الشروط.

<div id="below-checkout-button">
  #### **أسفل زر إتمام الشراء**
</div>

في التذييل أيضًا، موضوع بعد زر إتمام الشراء وقبل أزرار الدفع السريع. تُعرض الإضافات في أعلى التذييل، فوق هذا الموضع بكثير.\
مفيد لأزرار الدعوة إلى الإجراء الثانوية أو الإشعارات القانونية.

<div id="bottom-of-cart">
  #### **أسفل السلة**
</div>

يُعرض خارج منطقة التذييل في أسفل درج السلة تمامًا.\
لا يرث لون خلفية التذييل.

<div id="on-empty-cart-screen">
  #### **على شاشة السلة الفارغة**
</div>

يظهر فقط عندما تكون السلة فارغة.\
يُعرض مباشرة **أسفل** رسالة "سلتك فارغة" وفوق وحدة التوصيات — مفيد لسطر داعم أو رابط إلى مجموعة.

<div id="scripts-before-load">
  #### **النصوص البرمجية (قبل التحميل)**
</div>

موضع غير مرئي يُستخدم لتشغيل JavaScript **قبل** تحميل السلة.\
استخدمه لتعريف المتغيرات أو ضبط الشروط أو تعديل سلوك Upcart.

* تُدار جميع مواضع HTML المخصصة ضمن:\
  **Upcart > Cart Editor > Settings > Custom HTML**

<div id="visual-reference">
  ## مرجع مرئي
</div>

لفهم واضح لمكان عرض كل موقع داخل السلة، راجع التخطيط الموسوم أدناه

<Frame>
  <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/html-locations-labeled-cart-drawer.gif?s=fd801e149233b51066ee15010556c375" alt="درج سلة Upcart موسوم يوضح مكان عرض كل موقع HTML مخصص" width="700" height="1080" data-path="images/upcart/html-locations-labeled-cart-drawer.gif" />
</Frame>