بلوك البانر

بلوك Banner هو شريط رسائل يُعرض داخل السلة، ومفيد للعروض الترويجية أو رسائل الشحن أو رسائل الاستعجال مثل إشعار الشحن المجاني أو إعلان تخفيضات أو رسالة “تم حجز سلتك”. ويمكن أن يتضمن مؤقّت عد تنازلي مباشرًا.

• لا يعمل العد التنازلي إلا عند استيفاء الشروط الثلاثة جميعها: المؤقّت مفعّل، والنص يحتوي على الرمز {{timer}}، والمدة أكبر من صفر. وإلا يُعرض البانر كنص ثابت.
• يعدّ المؤقّت تنازليًا بصيغة MM:SS ويُحفظ لعلامة تبويب المتسوق (يستمر أثناء التنقل داخل متجرك خلال الجلسة)، لذا لا يُعاد تشغيله في كل صفحة.
• عندما يصل المؤقّت إلى 00:00، يختفي البانر بأكمله، فلا يرى المتسوقون أبدًا ساعة عند الصفر.
• في معاينة المحرر يعمل المؤقّت في حلقة ولا يختفي البانر أبدًا، لتتمكن من الاستمرار في تنسيقه.

• المنطقة: أي منطقة (الأعلى أو الوسط أو الأسفل).
• الحد الأقصى: 3 لكل حالة سلة — لكل من السلة الممتلئة والسلة الفارغة حصتها الخاصة.
• الحالة: السلة الممتلئة والفارغة معًا.
• يُضاف إلى السلال الجديدة افتراضيًا. غير مقفل، لذا يمكنك إزالته أو إخفاؤه.

function CustomTemplate(props) {
  // The built-in banner removes itself at 00:00; a custom template must do the same.
  if (props.shouldUseTimer && props.isTimerExpiredAndShouldHide) return null;

  return (
    <div className="cart-external-banner" style={{ padding: '10px', textAlign: 'center' }}>
      <span dangerouslySetInnerHTML={{ __html: props.text }} />
    </div>
  );
}