> ## 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 غير صالح

> إصلاح واجهة التطبيق في حال ظهورها معطلة بعد إضافة كود مخصص.

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

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

<div id="what-causes-the-issue">
  ## ما الذي يسبب المشكلة
</div>

تحدث هذه المشكلة عادةً عندما يقوم التاجر بما يلي:

* إدراج وسوم `<style>` أو `<script>` دون بنية صحيحة
* ترك وسوم HTML غير مغلقة أو غير متطابقة
* إضافة محتوى يعطل التخطيط إلى حقل Custom HTML

نتيجة لذلك، يصبح Cart Editor غير قابل للقراءة أو الاستخدام وقد يمنع المستخدمين من التعديل أو حتى تمرير الصفحة.

<div id="temporary-fix-using-developer-tools">
  ## إصلاح مؤقت باستخدام أدوات المطور
</div>

اتبع هذه الخطوات لإصلاح التخطيط مؤقتًا باستخدام أدوات المطور في متصفحك حتى تتمكن من الوصول إلى حقل Custom HTML.

<div id="step-1-open-devtools">
  ## الخطوة 1: فتح DevTools
</div>

1. افتح Cart Editor في تطبيق Upcart
2. انقر بزر الفأرة الأيمن في أي مكان بالصفحة واختر **Inspect**، أو اضغط:

   * `Cmd + Option + I` (Mac)
   * `Ctrl + Shift + I` (Windows)

<div id="step-2-find-the-broken-layout-container">
  ## الخطوة 2: العثور على حاوية التخطيط المعطلة
</div>

1. في علامة التبويب **Elements** في DevTools، انقر على أداة التحديد (الزاوية اليسرى العلوية من DevTools)
2. مرر المؤشر فوق تخطيط Cart Editor وابحث عن القسم المميز باللون الأخضر على يسار لوحة الإعدادات. يجب أن يكون مسمى:

   ```
   .Polaris-Page__Content--fullWidth
   ```
3. اصعد ستة مستويات في التسلسل الهرمي حتى تصل إلى:

   ```
   .Polaris-Frame__Content
   ```

<div id="step-3-disable-the-fixed-position">
  ## الخطوة 3: تعطيل الوضع الثابت
</div>

1. مع تحديد `.Polaris-Frame__Content`، انظر تحت علامة التبويب **Styles**
2. ابحث عن الخاصية `position: fixed` وألغِ تحديدها

من المفترض أن يؤدي هذا إلى فتح الصفحة والسماح لك بالتمرير عبر التخطيط مرة أخرى.

<div id="remove-the-invalid-html">
  ## إزالة HTML غير الصالح
</div>

الآن بعد أن أصبح التخطيط متاحًا مرة أخرى:

1. مرر إلى حقل **Custom HTML**
2. ابحث عن أي HTML معطل أو CSS مضمّن قد يكون سبب المشكلة

مثال على ما يعطل التخطيط عادةً:

```
<style>  
  body {  
    background: red;  
  }  
</style>
```

1. انسخ المحتوى في مكان آخر كنسخة احتياطية، ثم احذفه
2. احفظ تغييراتك

<div id="confirm-its-fixed">
  ## تأكيد الإصلاح
</div>

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

<div id="best-practices-to-prevent-this-issue">
  ## أفضل الممارسات لمنع هذه المشكلة
</div>

* أدرج فقط HTML كاملاً وصالحًا
* تجنب إضافة كتل `<style>` مضمّنة مباشرةً في مواقع HTML
* استخدم قسم **Custom CSS** بدلاً من إضافة CSS في حقول HTML
* قم دائمًا بمعاينة تغييراتك في وضع Sandbox إذا لم تكن متأكدًا