Skip to main content
تخطيط سلتك هو مجموعة مكدّسة من البلوكات: قطع قابلة للتكوين تضيفها وتعيد ترتيبها وتنسّقها وتخصّصها في محرر السلة. البلوكات التي تضمّنها، وترتيبها، هي السلة التي يراها المتسوقون. لمعرفة كيف تتموضع البلوكات داخل الحالات والأقسام، راجع كيف تعمل السلال؟

​
البلوكات والبلوكات الفرعية

هناك نوعان من البلوكات:
  • البلوكات توجد مباشرة في السلة، في أحد ثلاثة أقسام: Header أو Body أو Footer. يوفر كل قسم مجموعة مختلفة من البلوكات.
  • البلوكات الفرعية تتداخل داخل بلوك آخر. حاليًا فقط Cart items يستضيف بلوكات فرعية: صف Product (صف عنصر الطلب نفسه)، وSubscription upgrade، وCustom code.

​
إضافة البلوكات وإعادة ترتيبها وإزالتها

  • أضف بلوكًا عبر أداة الاختيار Add block. يظهر البلوك باهتًا إذا كان لا يمكن وضعه حيث تضيفه، أو إذا بلغت حدّه (تعرض أداة الاختيار شارة count/max).
  • أعد الترتيب بسحب البلوك داخل قسمه.
  • أزل بأيقونة سلة المهملات، باستثناء البلوكات المقفلة (أدناه).
  • أظهر/أخفِ معظم البلوكات بمفتاح العين، الذي يخفي البلوك عن المتسوقين دون حذفه. بعض البلوكات الهيكلية لا يمكن إخفاؤها: Cart items وCheckout button وصف Product.

​
البلوكات المقفلة

بعض البلوكات يمكن إعادة ترتيبها لكن لا يمكن حذفها، حتى لا يُحذف سلوك السلة الأساسي (مثل إتمام الشراء) عن طريق الخطأ:
  • Cart items
  • Checkout button

​
البلوكات الافتراضية

تبدأ السلال الجديدة بتخطيط افتراضي جاهز للعمل:
  • السلة الممتلئة: Header وBanner وCart items وSummary وCheckout button
  • السلة الفارغة: Header وبلوك Empty cart
حالة السلة الفارغة هي التخطيط الفارغ بأكمله. أما بلوك Empty cart فهو بلوك واحد داخلها. راجع كيف تعمل السلال؟ لمعرفة الفرق.

​
عدد ما يمكنك إضافته من كل بلوك

تُحتسب الحدود لكل حالة سلة، وليس لكل سلة. لكل من السلة الممتلئة والسلة الفارغة حصتها الخاصة، لذا يمكن أن تحمل السلة ثلاثة بلوكات Banner في تخطيطها الممتلئ وثلاثة أخرى في تخطيطها الفارغ. معظم البلوكات محدودة بواحد لكل حالة. الاستثناءات:

​
Content وDesign وCode

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

​
الإظهار أو الإخفاء حسب السوق أو البلد أو العملة

يمكن لبعض البلوكات عرض إعدادات مختلفة، أو الاختفاء تمامًا، بناءً على هوية المشتري. هذا منفصل عن مفتاح العين في الشريط الجانبي، الذي يشغّل البلوك أو يوقفه للجميع. أنواع الشروط المدعومة حاليًا: سوق Shopify وبلد العميل وعملة العميل (كل منها بخيار In أو Not in). إجمالي السلة ومحتوياتها ليسا من أنواع الشروط. استخدم عتبات مستويات Rewards لتقدم الإنفاق/الكمية، أو Cart SDK عندما تحتاج قاعدة لا يستطيع المحرر التعبير عنها. الشروط قائمة مرتبة: أول شرط مطابق يفوز. ضع القواعد المحددة فوق قاعدة All buyers الشاملة. إذا لم يطابق شيء، لا يعرض البلوك شيئًا لذلك المتسوق. في المحرر حاليًا، تتوفر واجهة الشروط الكاملة في بلوك Rewards: مجموعات مستويات مختلفة لكل سوق أو بلد أو عملة. أما البلوكات الأخرى فإما تستخدم إعدادًا واحدًا “لجميع المشترين” أو لا تشارك في هذا النظام بعد. معاينة المحرر لا تقيّم المشتري الفعلي. حدد شرطًا في اللوحة لمعاينة تلك النسخة.

​
جميع البلوكات

الهيكل
  • Header: العنوان وعدد العناصر والشعار وزر الإغلاق، مثبّتة في الأعلى.
  • Cart items: العناصر التي يضيفها العملاء إلى السلة؛ يتكرر لكل سطر.
  • Subscription upgrade: بلوك فرعي يعرض تحويل سطر إلى اشتراك.
  • Summary: الإجماليات والتوفير والخصومات المطبقة.
  • Checkout button: دعوة اتخاذ الإجراء الأساسية لإتمام الشراء.
  • Empty cart: المحتوى المعروض عندما تكون السلة فارغة.
  • Express payments: أزرار الدفع السريع (Shop Pay وPayPal وغيرها) داخل السلة.
الترويج للمنتجات
  • Upsells: توصيات منتجات مختارة وفق استراتيجية.
  • Product add-on: منتج محدد واحد يُعرض كإضافة.
  • Rewards: مكافآت متدرجة مثل الشحن المجاني أو الهدايا.
  • Shipping protection: إضافة حماية شحن اختيارية.
إدخال المتسوق
  • Discount code: حقل لتطبيق رمز خصم.
  • Notes: حقل ملاحظات الطلب.
المحتوى
  • Banner: بانر رسائل، مع مؤقّت عد تنازلي اختياري.
  • Image: صورة واحدة أو قالب مستضاف جاهز مثل أيقونات الدفع.
  • Custom code: HTML أو React مخصص في أي مكان في السلة.
التوسيع

​
البلوكات المتاحة في كل قسم

لكل قسم مجموعة مختلفة من البلوكات المتاحة. هذا يُبقي التخطيط مركّزًا ويقلل الفوضى. بعض تلك البلوكات خاص بحالة معينة (مثل Empty cart في الحالة الفارغة فقط). راجع كيف تعمل السلال؟

​
أخطاء التحقق من صحة البلوكات

إذا احتوت إعدادات بلوك على قيمة غير صالحة، تظهر نقطة حمراء صغيرة بجوار اسم ذلك البلوك في الشريط الجانبي. تبقى النقطة حتى تصلح المشكلة. وهي ليست إشعارًا يمكن تجاهله. طالما وُجد خطأ في أي بلوك، يُمنع الحفظ. يبقى زر Save قابلًا للنقر، لكن تحديده يعرض رسالة خطأ (“Fix the errors in your cart blocks before saving”) وينتقل إلى أول بلوك فيه مشكلة، فاتحًا إعداداته لتصحيح الحقل المميّز. أما Publish فيتطلب إضافة إلى ذلك عدم وجود تغييرات غير محفوظة، لذا يبقى غير متاح حتى ينجح حفظ نظيف. بمجرد تصحيح الحقل غير الصالح تختفي النقطة من تلقاء نفسها، ويجري الحفظ بشكل طبيعي.
البلوكات المخفية تخضع للتحقق أيضًا. يمكن لبلوك أخفيته أن يحمل إعدادًا غير صالح ويعرض نقطة خطأ ويمنع الحفظ تمامًا مثل البلوك المرئي، فإذا كان الحفظ ممنوعًا وكل البلوكات المرئية تبدو سليمة، فافحص بلوكاتك المخفية.