Skip to main content
بلوك Empty cart هو المحتوى الذي يظهر عندما لا تحتوي السلة على أي عناصر، وعادةً ما يكون رسالة وزر لمواصلة التسوق، بحيث يظل الدرج الفارغ مفيدًا ومتوافقًا مع علامتك التجارية. يظهر فقط في الحالة الفارغة للسلة؛ ويمكن أن تظهر بلوكات أخرى (مثل Header) إلى جانبه في تلك الحالة نفسها.
بلوك السلة الفارغة يعرض رسالة الحالة الفارغة وزر دعوة لمواصلة التسوق

السلوك

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

الإعدادات

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

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

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

يدعم قالبًا مخصصًا من تبويب Code الخاص به، والذي يستبدل الترميز المدمج لهذا البلوك بكود JSX الخاص بك. هذه هي الخصائص (props) التي يستقبلها.
يُعرض هذا البلوك فقط عندما تكون السلة فارغة، لذا لا يوجد كائن سلة في الخصائص. اعرض href كعنصر <a> حقيقي بدلًا من التنقّل عبر السكربتات، واعرض text باستخدام dangerouslySetInnerHTML، لأنه HTML مُعقَّم بالفعل.

التصميم

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

Text

يتيح لك قسم Text في Design التحكم في طباعة عنصرين. استخدم منتقي Text element للتبديل بينهما. Message — نص رسالة الحالة الفارغة. يُضبط الخط العريض ولون النص من محرر النص المنسّق أعلاه (في علامة تبويب Settings)، وليس هنا. Button label — النص على زر مواصلة التسوق. يُضبط لون النص من قسم Button في Design.

الزر

يتيح لك قسم Button تنسيق زر الدعوة إلى الإجراء بشكل مستقل عن تصميم الأزرار العام. استخدم مفتاح التبديل Default / Hover للتنقل بين الحالتين. ما هي إعدادات التصميم؟ اعرف المزيد هنا: إعدادات التصميم.