Skip to main content

نظرة عامة

إذا كنت تواجه مشكلة فقدان أسهم الشريط الدوار في وحدة العروض الإضافية (upsell) في Upcart، فعادةً ما يعود ذلك إلى مشكلة توافق مع قالب متجرك. لحل ذلك، يمكنك إضافة الأسهم يدويًا عبر تطبيق تخصيص باستخدام HTML مخصص في إعدادات محرر Upcart. للوصول إلى حقول الكود المخصص في Upcart: Cart Editor > Settings، ثم علامتا التبويب Custom HTML وCustom CSS. قسم Settings عبارة عن صف من علامات التبويب — وكل ما لا يتسع يقع خلف More settings.

HTML

لهذا الإصلاح، افتح القائمة المنسدلة لـ HTML واختر “Scripts (before load)”، ثم الصق الكود التالي في ذلك القسم:
لا تستخدم document.querySelector مجردًا هنا. يُعرض Upcart داخل shadow root في معظم المتاجر (وهو الوضع الافتراضي للتثبيتات الأحدث)، ولا يستطيع document.querySelector الرؤية داخله — لن يجد السكربت شيئًا، وبدون حراسات if سيرمي خطأً عند null. يعمل السطر host?.shadowRoot ?? document أعلاه في كلتا الحالتين.
ملاحظة حول الإصدارات القديمة: لا تزال دوال الاستدعاء window.upcartOnCartOpened تعمل ولكنها مهملة وتسجل تحذيرات في وحدة التحكم. استخدم upcartSubscribeCartOpened لجميع السكربتات الجديدة.
هكذا يجب أن تبدو إعدادات HTML المخصص في Upcart: إعدادات Custom HTML في Upcart مع سكربت أسهم الشريط الدوار في Scripts Before Load

CSS

إذا كنت لا تزال تواجه مشاكل في موضع أسهم الشريط الدوار، فجرّب تطبيق إصلاح CSS التالي:

الشرح

غالبًا ما نستخدم عناصر CSS الزائفة (::before) الموجودة داخل الأزرار لعرض أسهم الشريط الدوار. ومع ذلك، تختار بعض قوالب المتاجر حظر عرض العناصر الزائفة، ما يتسبب في اختفاء أسهم الشريط الدوار من درج السلة. يؤدي ذلك إلى مشكلة تظهر فيها أسهم شريط العروض الإضافية الدوار بشكل صحيح في معاينة المحرر ولكن ليس في واجهة المتجر المباشرة الفعلية.