Skip to main content
تعرض كتلة Summary للمتسوق ما سيدفعه: صف إجمالي مع توفير اختياري، بالإضافة إلى وسوم الخصم المطبقة. وهي تلخّص إجماليات السلة والتوفير مباشرة فوق زر الدفع، بحيث يرى المتسوقون المحصلة النهائية قبل الالتزام.
كتلة الملخص تعرض المجموع الفرعي والتوفير والخصومات المطبقة قبل الدفع

السلوك

  • رموز التوفير تنطوي بسلاسة. إذا أشارت خلية إلى {{savings}} أو {{pre_savings_price}} لكن السلة لا تحتوي على توفير، فإن تلك الخلية تعود إلى {{total_price}} فقط، بحيث لا يرى المتسوقون أبدًا “خصم 0.00$” أو سعرًا مشطوبًا مساويًا للإجمالي. إذا جمعت {{cart_item_count}} و {{savings}} في نفس الخلية، فسيُزال عدد العناصر أيضًا في حالة عدم وجود توفير — ضعهما في خليتين منفصلتين لتجنب ذلك.
  • تظهر وسوم الخصم فقط عندما يكون Show discount codes مفعّلًا و كانت السلة تحتوي على خصومات لعرضها. يشمل ذلك الخصومات القائمة على الأكواد والخصومات التلقائية على حد سواء.

الإعدادات

تدعم خلايا النص الرموز {{cart_item_count}} و {{total_price}} و {{pre_savings_price}} و {{savings}}.

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

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

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

تدعم قالبًا مخصصًا من تبويب Code الخاص بها، والذي يستبدل ترميز هذه الكتلة المدمج بـ JSX الخاص بك. هذه هي الخصائص التي تستقبلها.
نظرًا لأن savings قد تكون مبلغًا أو نسبة مئوية، لا تبنِ جملتك الخاصة حولها بافتراض أحدهما. {props.savings} بمفردها آمنة؛ أما You saved ${props.savings} فليست كذلك.

التصميم

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