7lmna ستور — دليل فروع تفاعلي
بنينا دليل فروع تفاعليًا عربيًا أولًا لمتجر 7lmna — خريطة Leaflet تحدّد كل فرع في القاهرة مع نوافذ منبثقة، اتجاهات، وقائمة فروع أنيقة.
التحدي
مع توسّع 7lmna ستور إلى عدة فروع في القاهرة — شبرا مصر، مدينة نصر، وترسا — احتاجت العلامة طريقة بسيطة تساعد العملاء على إيجاد أقرب فرع والوصول إليه.
ما بنيناه
دليل فروع تفاعلي عربي أولًا باتجاه RTL. قائمة بالفروع على اليمين، وخريطة Leaflet على اليسار. اختيار أي فرع يحرّك الخريطة إليه ويفتح نافذة منبثقة بعنوانه وزر «الاتجاهات» الذي يفتح خرائط جوجل مباشرة.
على نفس البنية الثابتة
الدليل يعمل على نفس منظومة المواقع الثابتة لـ 7lmnastore.com — مسار منفصل خلف خادم nginx واحد، يوجّهه Traefik حسب بادئة المسار. خفيف، سريع، وبلا اعتماد على واجهات خرائط مدفوعة ثقيلة.
لماذا هذا مهم
تجربة عملية صغيرة تحلّ مشكلة حقيقية — إيصال العميل من الشاشة إلى باب المتجر بأقل احتكاك.