Skip to main content
بلوك Notes هو حقل قابل للطي يمكن للمتسوقين من خلاله إضافة ملاحظات على الطلب أو تعليمات خاصة (رسائل الهدايا وتعليمات التوصيل وما إلى ذلك) دون مغادرة السلة. تُحفظ الملاحظة في السلة وتنتقل إلى الطلب.
بلوك الملاحظات يعرض حقل ملاحظات طلب قابلًا للطي حيث يمكن للمتسوقين إضافة تعليمات خاصة

السلوك

  • الحقل عبارة عن عنصر إفصاح قابل للطي، مطويّ افتراضيًا. الطيّ بصري فقط — الملاحظة المحفوظة تظل سارية. عند الطيّ مع وجود ملاحظة محفوظة، تظهر علامة صح ليعرف المتسوق أن ملاحظته مخزَّنة.
  • تُحفظ الملاحظة عندما ينقر المتسوق خارج الحقل (عند blur)، مع تغذية راجعة لحالة الحفظ: جارٍ الحفظ / تم الحفظ / خطأ.
  • إذا تغيّرت ملاحظة السلة في مكان آخر — صفحة /cart أو تبويب آخر — يتزامن الحقل معها، إلا إذا كان المتسوق قد بدأ الكتابة بالفعل، بحيث لا تُستبدل ملاحظته قيد الكتابة أبدًا.

الإعدادات

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

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

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

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

التصميم

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

Text

يتيح لك قسم Text في Design التحكم في طباعة عنصرين. استخدم منتقي Text element للتبديل بينهما. Title — عنوان القسم فوق حقل الملاحظة. يُضبط الخط العريض من محرر النص المنسّق أعلاه (في علامة تبويب Settings). يُضبط لون النص من قسم Toggle في Design. Note field — النص داخل مربع النص الذي يكتب فيه المتسوقون ملاحظتهم. ما هي إعدادات التصميم؟ اعرف المزيد هنا: إعدادات التصميم.