صمّم منيوهات من غير مصمم: جوّه منشئ القوالب

طريقتين للتصميم: Sections أو Blocks

افتح منشئ القوالب من إعدادات الثيم، هتلاقي زرار في الشريط العلوي بيبدّل بين وضعين. Sections هو الأصلي: خمس تبويبات، Global وTypography وCategory وItems، وتبويب Quick edit، وتبويب Visibility، كل واحد بيعدّل خاصية في المنيو كله دفعة واحدة. Blocks كانفاس: بتحط فيه أجزاء منفصلة، Header وCategory Strip وItem Grid، بأي ترتيب تحبه، وكل جزء بيأثر في نفسه بس. لو القالب عنده بلوكات محفوظة أصلاً، المحرر بيفتح على وضع Blocks على طول. غير كده، الافتراضي هو Sections.

مفيش وضع "متقدم" هنا والتاني "بسيط". Sections أسرع لو عايز تغيّر شكل المنيو كله مرة واحدة: ألوان، خطوط، زوايا الكروت. Blocks هو اللي بتلجأ له لو عايز شكل الصفحة نفسها يختلف: بانر عرض بين قسمين، صورة hero في الصفحة الرئيسية بس، فوتر فيه مواعيد شغلك وروابط السوشيال ميديا.

حط البلوكات ورتّبهم

صندوق الأدوات على الشمال فيه سبع أنواع بلوكات: Header وHero Image وCategory Strip وItem Grid وPromo Banner وSpacer وFooter. دوس على أي واحد وينزل في آخر الكانفاس على طول، من غير سحب. السحب بيحصل وقت ترتيب اللي موجود أصلاً: مرّر الماوس على بلوك يظهر فوقه شريط صغير عائم فيه مقبض سحب واسم البلوك وسهمين فوق وتحت وأيقونة تكرار وأيقونة حذف. اسحب من المقبض واسيبه جنب بلوك تاني، أو دوس على الأسهم لو مش عايز تسحب على تراك باد. الكانفاس الفاضي بيعرض تلميح: "أغلب المنيوهات بتبدأ بـ Header، بعدين Category Grid."

الدوس على بلوك بيفتح لوحة خصائصه تحت صندوق الأدوات، بلوك Item Grid مثلاً بتقدر تحدده على قسم واحد بس وتضبط عدد الأعمدة على الموبايل والتابلت والديسكتوب كل واحد لوحده.

اتناشر قالب جاهز، مش صفحة فاضية

قبل ما تلمس أي إعداد فردي، Browse Presets بيفتح معرض فيه ١٢ تصميم كامل: Clean Slate لبداية محايدة، Amber & Oak لشكل غامق مطعم شواء أو ستيك هاوس، Majlis لذهبي على كريمي بخط عربي واضح، Velvet Noir لفاين داينينج، Sakura لمنيو ياباني بسيط، Quick Menu لجريد أربع أعمدة كثيف للفاست فود والمنيوهات الطويلة، وشوية تصاميم تانية. كل كارت في المعرض بيعرض خلفيته الحقيقية وخط العناوين وظل الكارت، زائد وسوم لعدد الأعمدة ولو فيه تدرج لوني أو حركة. لو عايز تفاصيل أكتر عن كل واحد يناسب إيه، مقارنة قوالب المنيو بتاخدك على الاتناشر قالب جنب بعض.

حاجة تستاهل تعرفها قبل ما تختار: تطبيق قالب جاهز بيستبدل مسودتك الحالية بالكامل وبيمسح الـ ID المحفوظ بتاعها. لو كنت بتعدّل على قالب كنت حفظته وسميته قبل كده، دوسة على Save بعدها هتعمل قالب جديد مش هتحفظ فوق اللي كنت بادي بيه.

Quick edit، أو التبويبات كاملة

تبويب Quick edit بيجمع التعديلات اللي أغلب أصحاب المطاعم بيعملوها فعلاً في شاشة واحدة: لون البراند، لون الخلفية، خط العناوين وخط النصوص من Google Fonts، أداة اختيار شكل الكارت (مكان الصورة، مكان السعر، عدد الأعمدة)، كثافة المسافات Tight أو Balanced أو Roomy، اتجاه القراءة، ظل الكارت، ونصف قطر الزوايا. لأي حاجة أدق، تبويبات Global وTypography وCategory وItems بتعرض الحقول الفردية اللي Quick edit مبني عليها. وفّق شكل منيوك مع البراند بتاعك بيغطي اختيارات الألوان والخطوط بتفصيل أكتر.

في خيار تالت كمان: بدّل لوضع Simple ودوس مباشرة على عنوان قسم أو اسم صنف أو سعر في المعاينة المباشرة. هتفتح لوحة مخصصة لنفس العنصر ده بس: الحجم والوزن واللون، ولو عنوان، uppercase أو capitalize.

عاين قبل ما حد تاني يشوف

شريط المعاينة فيه موبايل (٣٧٥ بكسل) وتابلت (٨٣٤ بكسل) وديسكتوب، ووضع مقارنة جنب بعض بيعرض الموبايل والديسكتوب مع بعض، وزرار وضع نهاري/ليلي، وزرار قسم واحد مقابل كل الأقسام، ونفس زرار compact/medium/list اللي الزباين بيستخدموه في المنيو المباشر. لو حسابك لسه ملوش أقسام وأصناف حقيقية متحملة، المعاينة بتتملي تلقائي ببيانات نموذجية وبتظهر رسالة بتقولك كده، عشان الشاشة متفضلش فاضية وإنت لسه بتقرر الشكل.

تراجع، إعادة، وSnapshots

Ctrl+Z وCtrl+Shift+Z بيمشوا في سجل التعديلات المباشر. لو محتاج ترجع لأبعد من كده، افتح Snapshots من أيقونة الساعة في الشريط: سمّي نسخة، وهتتحفظ بتاريخ ووقت عشان ترجعلها بعدين، أو تمسحها لو مش محتاجها. بيتحفظ لحد ١٠ Snapshots لكل قالب. حاجة تستاهل تعرفها: الـ Snapshots متخزنة في المتصفح بتاعك، مش على سيرفرات menu-MENA، فمش هتلاقيها لو بدّلت جهاز. تاريخ نسخ القالب بيشرح إزاي استعادة نسخة بتشتغل بالظبط.

Save بتحفظ مسودة، Activate هي اللي بتنشرها

زرار Save موجود دايماً في الشريط العلوي. أول مرة تستخدمه على قالب جديد، بيعمل مستند القالب؛ بعد كده بيعدّل نفس المستند في مكانه. اللي Save مبتعملوش هو إنه يلمس منيوك المباشر. زرار Activate الأخضر بيظهر جنبه بس بعد حفظة ناجحة، ودوسة عليه هي اللي بتحط القالب فعلياً على صفحة الفرع المباشرة. كل حاجة قبل كده، المسودة، المعاينة، مقارنة الأجهزة، التراجع عن غلطة، بتحصل من غير ما الزباين يشوفوا حاجة منها.

ولما تحب تنقل شكل لمكان تاني، Export في قايمة الـ ⋮ بيحمّل القالب الحالي كملف JSON، وImport بيرجّعه، سواء في نفس الفرع أو فرع تاني.