قوائم الواجهة الأمامية¶
الغرض¶
إنشاء وإدارة قوائم التنقل لواجهة متجرك (الرأس، التذييل، الشريط الجانبي). بناء هياكل قائمة هرمية بروابط للتصنيفات والمنتجات والصفحات وعناوين 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 وأدوات CopyIcon
- يعرض مضمّناً في القائمة
الخيار 2: رفع صورة
- رفع صورة مخصصة (jpg، png، gif)
- مخزنة في دليل
menu-icons - تُعرض كصورة في القائمة
حقول عنصر القائمة (مشتركة لجميع الأنواع)¶
التسمية مطلوب¶
- النوع: إدخال نص
- الغرض: النص المعروض في القائمة
- قابل للترجمة: نعم
الأصل اختياري¶
- النوع: قائمة منسدلة
- الغرض: إنشاء قائمة فرعية متداخلة تحت عنصر أصل
- العرض: جميع العناصر الرئيسية متاحة كأصول
ترتيب الفرز¶
- النوع: إدخال رقم
- الغرض: تسلسل العرض (الأرقام الأقل تظهر أولاً)
مخفي¶
- النوع: مفتاح تبديل
- الغرض: إظهار/إخفاء عنصر القائمة هذا
- تبديل مباشر: انقر على أيقونة عين/عين مشطوبة للتبديل دون فتح التحرير
هيكل القائمة¶
بناء قوائم هرمية:
القائمة الرئيسية
├── الرئيسية (رابط URL مخصص)
├── المتجر (رابط تصنيف)
│ ├── الإلكترونيات (رابط منتج)
│ └── الملابس (رابط منتج)
├── من نحن (رابط صفحة)
└── اتصل بنا (رابط URL مخصص)
تصفية عناصر القائمة¶
عند عرض عناصر القائمة:
- تصفية الرؤية: عرض العناصر المخفية أو المرئية
تحرير عناصر القائمة¶
انقر على أي صف عنصر قائمة للتحرير أو انقر على أيقونة التحرير في مدير العناصر.
دعم ترجمة القائمة¶
تدعم القوائم لغات متعددة:
- حرر القائمة
- استخدم قائمة اللغة المنسدلة (أعلى اليمين من النموذج)
- التبديل بين اللغات
- تحديث اسم القائمة وتسميات العناصر لكل لغة
معلومات رئيسية¶
- هيكل هرمي: بناء قوائم متداخلة حتى مستويات متعددة
- أنواع روابط متعددة: عناوين URL مخصصة، تصنيفات، منتجات، أو صفحات
- خيارات الأيقونة: رمز SVG أو صور محملة
- التحكم في الرؤية: إخفاء/إظهار العناصر دون حذف
- متعددة اللغات: ترجمة تسميات القائمة والهيكل لكل لغة
- ترتيب مخصص: التحكم في تسلسل عرض العناصر
- قابل للترجمة: أسماء القائمة وتسميات العناصر تدعم جميع لغات المتجر
- روابط ديناميكية: روابط التصنيف/المنتج/الصفحة تتحدث تلقائياً إذا تغيرت الوجهات
الإعداد ذو الصلة¶
قم بإعداد العلامة التجارية للمتجر في إعدادات النظام:
- عنوان المتجر - اسم المتجر المعروض في التنقل
- شعار المتجر - الشعار المعروض في الرأس/مناطق القائمة