> ## 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 مفتوحًا دائمًا؟

> يوضح هذا المقال خطوات استكشاف الأخطاء وإصلاحها لتحديد سبب بقاء Upcart مفتوحًا دائمًا.

إذا كنت تواجه مشكلة في Upcart حيث يظل درج السلة مرئيًا، سواء على الجانب الأيسر من الشاشة أو ظاهرًا على اليمين أو أسفل واجهة المتجر، فهناك سببان محتملان، اعتمادًا على ما إذا كنت تستخدم تطبيق ترجمة.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # تظهر السلة على الجانب الأيمن أو تتراكب على واجهة صفحة المنتج.
</div>

تظهر هذه المشكلة عادةً كما هو موضح على سطح المكتب (مميّزة على اليمين):

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="صفحة منتج في واجهة المتجر مع درج سلة Upcart عالق مفتوحًا ومتراكبًا على الجانب الأيمن" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

ستحتاج إلى إدراج سكربت قصير في إعدادات HTML الخاصة بـ Upcart لإصلاح هذه المشكلة.

يرجى اتباع هذه الخطوات:

1. في لوحة إدارة Shopify، انتقل إلى **Upcart > Cart Editor > Settings**
2. ضمن Custom HTML، **حدد القائمة المنسدلة HTML Location > Scripts (Before load)** <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-location-dropdown.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5fecf8bcf00491e70d62ced4d76a10d8" alt="القائمة المنسدلة لموقع Custom HTML في Upcart مع تمييز Scripts Before Load في الأسفل" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. انسخ الكود التالي والصقه:
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   هكذا يجب أن تبدو إعدادات HTML المخصصة الخاصة بك في Upcart: <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="محرر Custom HTML في Upcart معيّن على Scripts Before Load مع لصق سكربت window.onload append" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. مرّر إلى الأعلى وانقر على **Save**. سيستغرق حفظ تغييرات Upcart ما يصل إلى دقيقة حتى تسري التغييرات.

<div id="why-does-this-happen">
  ### لماذا يحدث هذا؟
</div>

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

<div id="additional-steps">
  ## **خطوات إضافية**
</div>

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

```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
.upcartPopupShow [class*="styles_CartPreview__right__"] {  
    width: 100%;  
    max-width: 440px;  
}  
  
[class*="styles_CartPreview__right__"] {  
    width: 0px;  
    max-width: 440px;  
}
```

ستجد المحرر في علامة التبويب **Custom CSS** ضمن **Settings** (خلف **More settings** إذا لم يتسع في صف علامات التبويب). الصق الكود أعلاه هناك:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="محرر Custom CSS في Upcart مع قواعد تعيّن عرض اللوحة اليمنى CartPreview لإخفاء الدرج" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # السلة عالقة على اليسار
</div>

عادةً ما يحدث هذا بسبب تطبيق ترجمة يترجم إعدادات Upcart التي يجب أن تبقى بالإنجليزية.

يخزّن Upcart بعض الإعدادات ككلمات إنجليزية في حقول تعريف (metafields) في Shopify. على سبيل المثال، يُخزَّن إعداد موضع السلة كـ "right" أو "left". إذا غيّر تطبيق ترجمة "right" إلى "droite" بالفرنسية، فلن يتمكن Upcart من فهم التعليمات وسيعود افتراضيًا إلى أعلى يسار الشاشة، ويبقى مفتوحًا بشكل دائم.

**لا ينبغي ترجمة جميع حقول التعريف**

هناك نوعان من حقول تعريف Upcart:

* **الحقول النصية** مثل تسميات الأزرار أو رسائل المكافآت آمنة للترجمة
* **إعدادات السلوك** مثل موضع السلة أو اتجاه عروض upsell يجب أن تبقى بالإنجليزية

ستؤدي ترجمة إعدادات السلوك إلى تعطل Upcart.

**الإصلاح**

1. افتح تطبيق الترجمة الخاص بك وابحث عن قسم **store metadata** أو **metafields**
2. تصفح حقول تعريف Upcart وأزل أي ترجمات على الحقول المتعلقة بالسلوك مثل `cartPosition` و`upsellsDirection`
3. حدّث واجهة متجرك ومن المفترض أن تعود السلة إلى موضعها الصحيح

**ملاحظة:** يمتلك Upcart الآن دعمًا مدمجًا للترجمة، مما يتجنب هذه المشكلة تمامًا. إذا لم تكن قد أعددت الترجمات بعد، فننصح باستخدام ذلك بدلاً منه. راجع [ترجمات السلة](/ar/upcart/cart_translations) لمزيد من التفاصيل.