Skip to main content

نظرة عامة

إذا كنت تريد انطباعًا أوليًا أكثر نظافة أو كان تخطيط صفحتك الرئيسية يتعارض مع زر السلة الثابت، يمكنك إخفاء الزر في الصفحة الرئيسية تحديدًا باستخدام مقتطف كود بسيط. يتحقق هذا الإعداد من الصفحة الحالية للعميل ويزيل زر السلة الثابت إذا كان في الصفحة الرئيسية.

متى تستخدم هذا

  • لتجنب الفوضى البصرية في صفحتك الرئيسية
  • عند استخدام قسم رئيسي (hero) مخصص أو تخطيط يتداخل مع السلة الثابتة
  • لإبقاء زر السلة مركّزًا على صفحات المنتجات أو المجموعات

الخطوة 1: إضافة السكربت

  1. انتقل إلى Upcart > Cart Editor > Settings > Custom HTML
  2. من القائمة المنسدلة HTML Location، اختر Scripts (Before Load)
  3. الصق كود JavaScript التالي:
يتحقق هذا السكربت من مسار الصفحة الحالية ويطبّق فئة لإخفاء الزر الثابت إذا كان العميل في الصفحة الرئيسية.

الخطوة 2: إضافة CSS مخصص

  1. انتقل إلى Upcart > Sticky Cart > Custom CSS (لاحظ أن هذا هو Sticky Cart وليس Cart Editor)
  2. الصق كود CSS التالي:

النتيجة النهائية

  • سيتم إخفاء زر السلة الثابت عندما يزور العميل الصفحة الرئيسية (/ أو /[locale])
  • يبقى الزر مرئيًا في جميع الصفحات الأخرى