Skip to main content

​
نظرة عامة

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

​
ما الذي يسبب المشكلة

تحدث هذه المشكلة عادةً عندما يقوم التاجر بما يلي:
  • إدراج وسوم <style> أو <script> دون بنية صحيحة
  • ترك وسوم HTML غير مغلقة أو غير متطابقة
  • إضافة محتوى يعطل التخطيط إلى حقل Custom HTML
نتيجة لذلك، يصبح Cart Editor غير قابل للقراءة أو الاستخدام وقد يمنع المستخدمين من التعديل أو حتى تمرير الصفحة.

​
إصلاح مؤقت باستخدام أدوات المطور

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

​
الخطوة 1: فتح DevTools

  1. افتح Cart Editor في تطبيق Upcart
  2. انقر بزر الفأرة الأيمن في أي مكان بالصفحة واختر Inspect، أو اضغط:
    • Cmd + Option + I (Mac)
    • Ctrl + Shift + I (Windows)

​
الخطوة 2: العثور على حاوية التخطيط المعطلة

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

​
الخطوة 3: تعطيل الوضع الثابت

  1. مع تحديد .Polaris-Frame__Content، انظر تحت علامة التبويب Styles
  2. ابحث عن الخاصية position: fixed وألغِ تحديدها
من المفترض أن يؤدي هذا إلى فتح الصفحة والسماح لك بالتمرير عبر التخطيط مرة أخرى.

​
إزالة HTML غير الصالح

الآن بعد أن أصبح التخطيط متاحًا مرة أخرى:
  1. مرر إلى حقل Custom HTML
  2. ابحث عن أي HTML معطل أو CSS مضمّن قد يكون سبب المشكلة
مثال على ما يعطل التخطيط عادةً:
  1. انسخ المحتوى في مكان آخر كنسخة احتياطية، ثم احذفه
  2. احفظ تغييراتك

​
تأكيد الإصلاح

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

​
أفضل الممارسات لمنع هذه المشكلة

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