حالات السلة
- السلة الممتلئة: ما يراه المتسوقون عندما تحتوي السلة على عناصر.
- السلة الفارغة: ما يراه المتسوقون عندما لا تحتوي السلة على عناصر.
- بلوك Empty cart يظهر فقط في الحالة الفارغة.
- Cart items وCheckout button وNotes وExpress payments وShipping protection تظهر فقط في الحالة الممتلئة.
حالة السلة الفارغة هي التخطيط الفارغ بأكمله. أما بلوك Empty cart فهو بلوك واحد داخل ذلك التخطيط، عادةً الرسالة وزر مواصلة التسوق. قد يتشابه الاسمان، لكن الحالة يمكن أن تحتوي على أكثر من ذلك البلوك الواحد.
الأقسام
- Header: مثبَّت أعلى الدرج؛ يظل مرئيًا أثناء تمرّر الجسم.
- Body: المنطقة الوسطى القابلة للتمرير. تتحرك البلوكات هنا مع المحتوى. البلوك المقفل: Cart items.
- Footer: مثبَّت أسفل الدرج. البلوك المقفل: Checkout button.