.additional-checkout-buttons أدناه هو فئة Shopify الخاصة على حاوية الدفع المُعجَّل، وليس فئة وحدة Upcart، لذا فهو نفسه في أي من إصداري السلة.
نظرة عامة
الإعداد المطلوب للوحدة الجديدة
<body> الافتتاحي في ملف قالبك (مثل <body class="...">). إذا وُضع بشكل غير صحيح، مثل وضعه بعد وسم </body> الختامي، فقد لا تعمل أزرار الدفع السريع بشكل صحيح.
كيفية الإصلاح
- انتقل إلى لوحة إدارة Shopify.
- انتقل إلى Online Store > Themes > Edit Code.
- افتح layout/theme.liquid، وابحث عن سطر
<body>، وأضف المقتطف أدناه في سطر جديد مباشرةً أسفله. يجب أن يوضع هناك — وليس فيcart-drawer.liquidأو في مكان آخر — لأن الأزرار يجب أن توجد في كل صفحة يمكن أن تُفتح فيها السلة.
- احفظ تغييراتك وحدّث واجهة متجرك.
- أعد فتح درج السلة للتحقق من أن أزرار الدفع السريع (مثل Shop Pay أو PayPal أو Apple Pay أو Google Pay) تظهر الآن وقابلة للنقر.
لماذا يحدث هذا
- لا يعرض Upcart أزراره الخاصة. بل يستنسخ أزرار الدفع المُعجَّل الخاصة بـ Shopify من الصفحة إلى درج السلة، ولهذا يجب أن تكون موجودة على الصفحة في المقام الأول — وهذا ما يضمنه مقتطف القالب أعلاه.
- سيظهر Apple Pay فقط على أجهزة Apple التي تم إعداد Apple Pay عليها.
- لا يتحكم Upcart في أزرار الدفع السريع التي تظهر، إذ تتولى Shopify المحتوى والوظائف.
تعمل الأزرار في Upcart كحاويات مرئية، بينما تتحكم Shopify في عرضها وسلوكها. لا يستطيع Upcart تعديل مظهرها أو وظيفتها.
المشاكل الشائعة وحلولها
- أضف مقتطف القالب من قسم كيفية الإصلاح أعلاه، مباشرةً أسفل سطر
<body>فيlayout/theme.liquid.
تخفي بعض القوالب أزرار الدفع السريع افتراضيًا باستخدام CSS. على سبيل المثال:
- راجع CSS الخاص بقالبك.
- اطلب من مطور قالبك التأكد من عدم وجود قواعد CSS تخفي الأزرار أو تعطلها في درج Upcart.
4. الإعدادات القديمة تتداخل
- افتح وحدة Express Payments القديمة (إذا كانت لا تزال مرئية).
- ألغِ تحديد أي خيارات سابقة واحفظ.
- اختبر مرة أخرى باستخدام الوحدة الجديدة.
ما زلت تواجه مشاكل؟
تعطيل Shadow DOM في Upcart
يعزل Shadow DOM Upcart عن بقية كود متجرك لتحسين الاستقرار. ومع ذلك، في حالات نادرة، يمكن أن يمنع هذا الفصل أزرار الدفع السريع في Shopify من التحديث بشكل صحيح. كيفية تعطيل Shadow DOM:
- انتقل إلى Upcart > Cart Editor > Settings > Cart settings، ثم وسّع Advanced Settings.
- ألغِ تحديد Render Cart in Shadow DOM.
- احفظ واختبر مرة أخرى.
اختبر سلتك دائمًا بعد إيقاف Shadow DOM، لأنه قد يؤثر على كيفية تفاعل التطبيقات الأخرى أو عناصر القالب مع Upcart. 💡 ملاحظة: قد يؤدي تعطيل Shadow DOM إلى إصلاح هذه المشكلة ولكنه قد يسبب تعارضات CSS مع قالبك. راجع مستند إعداد Shadow DOM للاطلاع على المقايضة الكاملة.
بحاجة إلى مزيد من المساعدة؟
- تواصل مع مطور قالبك للمساعدة في إزالة الكود أو الإعدادات المتعارضة.
- يمكنك أيضًا التواصل مع خبير Shopify لإجراء تعديلات متقدمة على القالب أو المساعدة في التكامل.
المراجع
- مساعدة Shopify – الدفع المُعجَّل (Accelerated Checkouts)
- وثائق مطوري Shopify – أزرار الدفع السريع