Skip to main content
بلوك Header هو المنطقة العلوية المثبَّتة من درج السلة، ويمنح الدرج عنوانًا واضحًا وطريقة بديهية لإغلاقه. تتحكم في تخطيطه بإسناد Title وLogo وClose button إلى القسمين الأيسر والأيمن. ولأن الترويسة مثبَّتة في الأعلى، تظل مرئية بينما تتمرّر بقية السلة.
بلوك الترويسة مع عنوان السلة وعدد العناصر وزر الإغلاق أعلى الدرج

السلوك

  • الترويسة مثبَّتة أعلى الدرج ولا تتمرّر مع جسم السلة.
  • زر الإغلاق متاح دائمًا ويغلق الدرج.

الإعدادات

العنوان قابل للترجمة. إذا كان عنوانك يؤول إلى قيمة فارغة (مثلًا ترجمة غير مضبوطة)، تعود السلة إلى عرض Cart بحيث لا تكون الترويسة فارغة أبدًا. تظهر العناصر بالترتيب الذي تحددها به، من اليسار إلى اليمين، ويمكن إسناد كل عنصر إلى قسم واحد فقط في كل مرة.

الموضع والحدود

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

القالب المخصص

يدعم قالبًا مخصصًا من تبويب Code الخاص به، والذي يستبدل الترميز المدمج لهذا البلوك بكود JSX الخاص بك. هذه هي الخصائص (props) التي يستقبلها.
logoUrl هي الخاصية الوحيدة التي لا يوجد لها مكافئ مدمج: صورة الترويسة المرفوعة لا تُعرض أبدًا إلا عبر قالب مخصص. إذا قام تاجر بتعيين شعار ولم يظهر، فهذا هو السبب.
إذا لم تربط onClose بأي عنصر، فسيظل بإمكان المتسوقين إغلاق الدرج بالنقر على الطبقة الخلفية أو الضغط على Escape، لكن ترويستك لن تحتوي على زر إغلاق. أضِف واحدًا دائمًا.

التصميم

نسّق هذا البلوك من قسم Design الخاص به في لوحة الإعدادات. هذه تجاوزات على مستوى البلوك تُطبَّق فوق تصميمك العام وتعود إليه عند تركها فارغة.

Text

يتيح لك قسم Text في Design التحكم في طباعة عنوان السلة. يُضبط الخط العريض ولون النص من محرر النص المنسّق أعلاه (في علامة تبويب Settings)، وليس هنا. ما هي إعدادات التصميم؟ اعرف المزيد هنا: إعدادات التصميم.