إذا كنت تواجه مشكلة فقدان أسهم الشريط الدوار في وحدة العروض الإضافية (upsell) في Upcart، فعادةً ما يعود ذلك إلى مشكلة توافق مع قالب متجرك.لحل ذلك، يمكنك إضافة الأسهم يدويًا عبر تطبيق تخصيص باستخدام HTML مخصص في إعدادات محرر Upcart.للوصول إلى حقول الكود المخصص في Upcart:Cart Editor > Settings، ثم علامتا التبويب Custom HTML وCustom CSS. قسم Settings عبارة عن صف من علامات التبويب — وكل ما لا يتسع يقع خلف More settings.
لهذا الإصلاح، افتح القائمة المنسدلة لـ HTML واختر “Scripts (before load)”، ثم الصق الكود التالي في ذلك القسم:
<script> window.upcartSubscribeCartOpened(() => { setTimeout(() => { // The cart may render inside a shadow root, where document.querySelector // cannot reach it. Search the shadow root when there is one. const host = document.getElementById('upCart'); const scope = host?.shadowRoot ?? document; const buttonLeft = scope.querySelector('.control-arrow.control-prev'); if (buttonLeft) buttonLeft.innerText = "<"; const buttonRight = scope.querySelector('.control-arrow.control-next'); if (buttonRight) buttonRight.innerText = ">"; }, 300); });</script>
لا تستخدم document.querySelector مجردًا هنا. يُعرض Upcart داخل shadow root في معظم المتاجر (وهو الوضع الافتراضي للتثبيتات الأحدث)، ولا يستطيع document.querySelector الرؤية داخله — لن يجد السكربت شيئًا، وبدون حراسات if سيرمي خطأً عند null. يعمل السطر host?.shadowRoot ?? document أعلاه في كلتا الحالتين.
ملاحظة حول الإصدارات القديمة: لا تزال دوال الاستدعاء window.upcartOnCartOpened تعمل ولكنها مهملة وتسجل تحذيرات في وحدة التحكم. استخدم upcartSubscribeCartOpened لجميع السكربتات الجديدة.
غالبًا ما نستخدم عناصر CSS الزائفة (::before) الموجودة داخل الأزرار لعرض أسهم الشريط الدوار. ومع ذلك، تختار بعض قوالب المتاجر حظر عرض العناصر الزائفة، ما يتسبب في اختفاء أسهم الشريط الدوار من درج السلة.يؤدي ذلك إلى مشكلة تظهر فيها أسهم شريط العروض الإضافية الدوار بشكل صحيح في معاينة المحرر ولكن ليس في واجهة المتجر المباشرة الفعلية.
هل كانت هذه الصفحة مفيدة؟
⌘I
Assistant
Responses are generated using AI and may contain mistakes.