إعداد القوائم المنسدلة في متجرك الإلكتروني

يمكنك استخدام القوائم المنسدلة لتجميع المنتجات، أو المجموعات، أو الصفحات معاً لتسهيل تصفح العملاء لمتجرك الإلكتروني. على سبيل المثال، إذا كان لديك العديد من المنتجات، فقد ترغب في إضافتها إلى مجموعات ثم استخدام قائمة منسدلة من القائمة الرئيسية لتنظيم هذه المجموعات. قد يساعد ذلك العملاء في العثور على نوع المنتجات التي يبحثون عنها.

يمكنك أيضاً إضافة، أو إزالة، أو تعديل عناصر القائمة في القوائم المنسدلة أو في قوائمك الافتراضية.

يمكنك عرض قوائم متجرك الإلكتروني وتغييرها من المحتوى > القوائم في مسؤول Shopify.

تداخل عناصر القائمة لإنشاء قوائم منسدلة

يمكنك بناء قوائم منسدلة عن طريق إنشاء عناصر القائمة أو نقلها بحيث تكون متداخلة أسفل عنصر من المستوى الأعلى. يُعرض عنصر المستوى الأعلى في القائمة الرئيسية على متجرك الإلكتروني، وتُعرض عناصر القائمة المتداخلة في قائمة منسدلة. يمكن أن يتضمن عنصر المستوى الأعلى ما يصل إلى مستويين من القوائم المنسدلة المتداخلة.

ستعرض جميع القوالب العناصر المتداخلة كقوائم منسدلة من القائمة الرئيسية، وستعرض بعض القوالب العناصر المتداخلة كقوائم منسدلة في مواقع أخرى.

تُعرض القائمة الرئيسية والقوائم المنسدلة في مواقع مختلفة بمتجرك الإلكتروني بناءً على قالبك. تعرض بعض القوالب أيقونة بجوار اسم القائمة المنسدلة في القائمة الرئيسية لمساعدة العملاء على إدراك وجود قائمة منسدلة.

إضافة قائمة منسدلة من القائمة الرئيسية

يمكنك إضافة قائمة منسدلة من أي من عناصر القائمة الموجودة في القائمة الرئيسية.

الخطوات:

إدماج قائمة التذييل

يمكن أيضًا استخدام القوائم المنسدلة في قوائم التذييل.

الخطوات:

1. من مسؤول Shopify، انتقل إلى المحتوى > القوائم.
2. اختياري: اتبع نفس مبادئ التداخل المُستخدمة في القوائم الرئيسية، مثل سحب عناصر القائمة أسفل عنصر عنوان لإنشاء هيكل منسدل عن طريق النقر على وسحب العناصر إلى مكانها.
3. أدخل # في حقل الرابط لعناصر العناوين التي لا ينبغي أن ترتبط بصفحة (على سبيل المثال، عناوين "الدعم" أو "استكشاف").

اعتبارات توافق القالب

راجع الاعتبارات التالية لإضافة قوائم منسدلة إلى قالبك:

• تدعم معظم القوالب ما يصل إلى مستويين من القوائم المنسدلة المتداخلة. راجع وثائق قالبك أو اختبر العناصر المتداخلة لتأكيد التوافق.
• قد تتطلب بعض القوالب تعديلات على CSS لتحسين قابلية الاستخدام على الأجهزة المحمولة. لا تخصص قالبك إذا لم تكن على دراية برموز القوالب. تعرّف على المزيد حول تخصيص قالبك.

تحديد ما إذا كان قالبك يدعم القوائم المنسدلة المتداخلة

لتحديد ما إذا كان قالبك الحالي يدعم الحد الأقصى لعدد مستويات القائمة المنسدلة المتداخلة التي تريد تنفيذها، يمكنك استخدام الموارد التالية:

1. تحقق من وثائق قالبك: راجع وثائق القالب للحصول على معلومات محددة حول إمكانيات القائمة ومستويات التداخل المدعومة.
2. اختبر العناصر المتداخلة: أنشئ هيكل قائمة تجريبيًا بالعدد المطلوب من المستويات المتداخلة وتحقق من عرضه بشكل صحيح على كل من أجهزة الكمبيوتر المكتبية والأجهزة المحمولة.

تدعم معظم القوالب ما يصل إلى مستويين من القوائم المنسدلة المتداخلة. إذا كنت تواجه مشكلات في القوائم المنسدلة، فتحقق من أن قالبك يدعم عدد المستويات المتداخلة التي تحاول تنفيذها، حيث قد تتطلب بعض القوالب تخصيصًا إضافيًا لدعم مستويات متعددة من التداخل.

أفضل الممارسات للقوائم المنسدلة

راجع أفضل الممارسات التالية لإنشاء هيكل قائمة مفيد يعمل بشكل جيد عبر جميع الأجهزة:

• استخدم تسميات وصفية، مثل "التسوق حسب الفئة"، لعناصر القائمة ذات المستوى الأعلى التي تحتوي على روابط #.
• تأكد من تحسين القوائم على الأجهزة المحمولة. يمكنك اختبار القوائم على الأجهزة المحمولة للتأكد من توسّع القوائم المنسدلة كما هو متوقع.
• أضف سبعة عناصر قائمة كحد أقصى في المستوى الأعلى لتجنب الازدحام.
• استخدم عناوين روابط واضحة ووصفية. على سبيل المثال "التشكيلات" و"الفساتين الصيفية".
• يمكن أن تحتوي كل قائمة على ما يصل إلى 10,000 عنصر، ويمكن أن يحتوي متجرك على إجمالي 1,000 قائمة. يُحتسب أي عنصر قائمة يحتوي على عناصر فرعية في قائمة منسدلة كقائمة منفصلة ضمن هذا الحد.

إمكانية الوصول إلى القوائم المنسدلة

تنفذ معظم القوالب عناوين القوائم المنسدلة كأزرار بدلاً من روابط قابلة للنقر. هذا تصميم مقصود لتسهيل إمكانية الوصول ويساعد العملاء الذين يستخدمون تقنية مساعدة على فهم هيكل التنقل.

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

إذا كنت تريد أن يصل العملاء إلى صفحة فئة رئيسية (مثل "جميع المنتجات" أو "جميع التشكيلات")، فأضف هذا كأول عنصر داخل القائمة المنسدلة نفسها بدلاً من جعل العنوان قابلاً للنقر.

استكشاف الأخطاء الشائعة وإصلاحها

راجع الحلول التالية للمشكلات الشائعة التي قد تواجهها عند إعداد قوائم التنقل:

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

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

• توافق القالب: إذا كنت تواجه مشكلات في القوائم المنسدلة، فتحقق من أن قالبك يدعم عدد المستويات المتداخلة التي تحاول تنفيذها. قد تتطلب بعض القوالب تخصيصًا إضافيًا لدعم مستويات متعددة من التداخل.

• حظر إنشاء القوائم المتداخلة: إذا واجهت الخطأ "لا يمكن للقائمة أن تحتوي على قوائم متداخلة. اشترك في ميزة التنقل المتداخل لاستخدام هذا"، فقد يحتاج متجرك إلى تفعيل ميزة التنقل المتداخل. يؤثر هذا عادةً على المتاجر التي تم إنشاؤها قبل عام 2018. تواصل مع دعم Shopify إذا واجهت هذا الخطأ.

• عرض قائمة خاطئة: إذا كان لديك روابط تنقل متعددة تشير إلى نفس الصفحة (مثل صفحتك الرئيسية)، فقد يعرض قالبك قائمة فرعية خاطئة. تأكد من أن كل قسم تنقل يرتبط بصفحة فريدة لتجنب الالتباس.

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

تخصيص رمز القالب للقوائم المنسدلة

بالنسبة للقوالب التي تتطلب تخصيصًا أعمق، يمكنك التفكير في تخصيص رمز قالبك.