قوائم الواجهة الأمامية¶
الغرض¶
إنشاء وإدارة قوائم التنقل لواجهة متجرك (الترويسة، التذييل، الشريط الجانبي). بناء هياكل قوائم هرمية مع روابط للتصنيفات والمنتجات والصفحات وعناوين URL مخصصة.
الوصول إلى قوائم الواجهة الأمامية¶
انقر على الأقسام ← التسويق والمحتوى ← قوائم الواجهة الأمامية
عرض القائمة¶
تعرض القائمة جميع قوائم التنقل المُعدّة لمتجرك.
أعمدة الجدول¶
المفتاح¶
- التنسيق: نص (معرّف فريد)
- الغرض: مفتاح داخلي يحدد موقع هذه القائمة (الترويسة، التذييل، الشريط الجانبي، إلخ.)
الاسم¶
- التنسيق: نص (حتى 50 حرفاً)
- الغرض: اسم العرض لهذه القائمة
إجراءات الصف¶
- تعديل: تعديل عناصر القائمة وهيكلها
الإجراءات المجمعة¶
- تصدير: تصدير هيكل القائمة إلى Excel/CSV
إنشاء قائمة واجهة أمامية¶
عادةً ما تكون القوائم مُعدّة مسبقاً من قبل مسؤولي النظام. لتعديل القوائم الموجودة، انقر على تعديل.
حقول النموذج¶
المفتاح¶
- النوع: نص (للقراءة فقط)
- الغرض: معرّف النظام لموقع هذه القائمة
- أمثلة: "main-header"، "footer-links"، "sidebar-menu"
الاسم مطلوب¶
- النوع: حقل نص (بحد أقصى 50 حرفاً)
- الغرض: اسم العرض للقائمة
- قابل للترجمة: نعم - قدّمه بكل لغة
إدارة عناصر القائمة¶
انقر على تبويب العناصر في نموذج التعديل لإدارة عناصر هذه القائمة.
جدول عناصر القائمة¶
يعرض جميع العناصر في هذه القائمة مع الأعمدة:
- الاسم: تسمية عنصر القائمة
- الأب: عنصر القائمة الأب (للعناصر المتداخلة)
- الرابط: وجهة الرابط
- التصنيف: التصنيف المرتبط (إذا كان نوع الرابط تصنيف)
- المنتج: المنتج المرتبط (إذا كان نوع الرابط منتج)
- الصفحة: الصفحة المرتبطة (إذا كان نوع الرابط صفحة)
- نوع الأيقونة: تنسيق الأيقونة (SVG أو صورة)
- الترتيب: تسلسل العرض
- مخفي: ما إذا كان العنصر مرئياً (أيقونة عين/عين مشطوبة للتبديل المباشر)
إضافة عناصر القائمة¶
انقر على إنشاء في مدير علاقة العناصر:
اختيار نوع الرابط (اختر واحداً)¶
رابط URL مخصص¶
- التسمية: نص عنصر القائمة
- الأيقونة: رمز SVG أو رفع صورة
- الرابط: وجهة الرابط المخصص
- فتح في تبويب جديد: تبديل لـ target="_blank"
رابط التصنيف¶
- التسمية: نص عنصر القائمة
- الأيقونة: رمز SVG أو رفع صورة
- التصنيف: اختر التصنيف للربط به
- ملاحظة: يُملأ الرابط تلقائياً من التصنيف
رابط المنتج¶
- التسمية: نص عنصر القائمة
- الأيقونة: رمز SVG أو رفع صورة
- المنتج: اختر المنتج للربط به
- ملاحظة: يُملأ الرابط تلقائياً من المنتج
رابط الصفحة¶
- التسمية: نص عنصر القائمة
- الأيقونة: رمز SVG أو رفع صورة
- الصفحة: اختر صفحة CMS للربط بها
- ملاحظة: يُملأ الرابط تلقائياً من الصفحة
إدارة الأيقونات¶
لكل عنصر قائمة، اختر واحداً:
الخيار 1: أيقونة SVG
- الصق رمز SVG مباشرةً في حقل رمز SVG
- يتضمن رابطاً مفيداً لـ Flowbite Icons وأدوات CopyIcon
- يُعرض مضمناً في القائمة
الخيار 2: رفع صورة
- ارفع صورة مخصصة (jpg، png، gif)
- تُخزّن في مجلد
menu-icons - تُعرض كصورة في القائمة
حقول عنصر القائمة (مشتركة لجميع الأنواع)¶
التسمية مطلوب¶
- النوع: حقل نص
- الغرض: النص المعروض في القائمة
- قابل للترجمة: نعم
الأب اختياري¶
- النوع: قائمة منسدلة
- الغرض: إنشاء قائمة فرعية متداخلة تحت العنصر الأب
- يعرض: جميع العناصر ذات المستوى الأعلى متاحة كآباء
ترتيب الفرز¶
- النوع: حقل رقمي
- الغرض: تسلسل العرض (الأرقام الأقل تظهر أولاً)
مخفي¶
- النوع: مفتاح تبديل
- الغرض: إظهار/إخفاء عنصر القائمة هذا
- التبديل المباشر: انقر على أيقونة العين/العين المشطوبة للتبديل دون فتح التعديل
هيكل القائمة¶
بناء قوائم هرمية:
القائمة الرئيسية
├── الرئيسية (رابط URL مخصص)
├── المتجر (رابط تصنيف)
│ ├── الإلكترونيات (رابط منتج)
│ └── الملابس (رابط منتج)
├── من نحن (رابط صفحة)
└── اتصل بنا (رابط URL مخصص)
فلاتر عناصر القائمة¶
عند عرض عناصر القائمة:
- فلتر الرؤية: عرض العناصر المخفية أو المرئية
تعديل عناصر القائمة¶
انقر على أي صف عنصر قائمة للتعديل أو انقر على أيقونة التعديل في مدير العناصر.
دعم ترجمة القوائم¶
تدعم القوائم لغات متعددة:
- عدّل القائمة
- استخدم القائمة المنسدلة اللغة (أعلى يمين النموذج)
- بدّل بين اللغات
- حدّث اسم القائمة وتسميات العناصر لكل لغة
معلومات مهمة¶
- هيكل هرمي: بناء قوائم متداخلة بمستويات متعددة
- أنواع روابط متعددة: روابط URL مخصصة أو تصنيفات أو منتجات أو صفحات
- خيارات الأيقونات: رمز SVG أو صور مرفوعة
- التحكم في الرؤية: إخفاء/إظهار العناصر دون حذفها
- متعدد اللغات: ترجمة تسميات القائمة والهيكل لكل لغة
- ترتيب مخصص: التحكم في تسلسل عرض العناصر
- قابل للترجمة: أسماء القوائم وتسميات العناصر تدعم جميع لغات المتجر
- روابط ديناميكية: روابط التصنيفات/المنتجات/الصفحات تُحدّث تلقائياً إذا تغيرت الوجهات
الإعدادات ذات الصلة¶
إعداد العلامة التجارية للمتجر في إعدادات النظام:
- عنوان المتجر - اسم المتجر المعروض في التنقل
- شعار المتجر - الشعار المعروض في مناطق الترويسة/القائمة