أداة الخريطة لمتجر Shopify

نزّل ملفًا واحدًا والصقه في مجلد Sections في قالبك، فيظهر «WhatIsMyLocation Map» في محرّر القالب مع لوحة إعدادات أصلية: الفروع كبلوكات، ومحدِّدات للثيم ولون الدبوس، ولوحة مواقع مع حركات تبديل، وأيقونات اختيارية للفتح في تطبيقات الخرائط. لا تطبيق يُثبَّت، ولا مفتاح API، ولا حساب فواتير، ولا كوكيز، ولا شيء يُحمَّل من Google. ويحتوي الملف المضغوط على قسم ثانٍ لأداة تحديد موقعي أيضًا.

بإذن · خاص · يعمل على Chrome وSafari وFirefox وEdge

لماذا يتفوّق قسم القالب على تطبيق Shopify

معظم عروض «تطبيقات الخرائط» تطلب تثبيتًا، وصلاحيات على بيانات متجرك، ورسمًا شهريًا — مقابل إطار iframe واحد في النهاية. وهذا هو البديل الصادق: ملف Liquid واحد يعيش داخل قالبك. لا يطلب أي صلاحيات على المتجر، ولا يضيف سكربتات إلى صفحاتك، ولا يرسل شيئًا إلى الخارج، ولا يكلّف شيئًا. الطلبات الخارجية الوحيدة التي يقوم بها زوّارك هي إطار الخريطة المعزول من whatismylocation.ai وبلاطات OpenStreetMap الخاصة به — بلا كوكيز من Google، وبلا أعباء لافتات الموافقة. وإذا تعذّر الوصول إلى الخدمة يومًا، يفشل الإطار بصمت دون أن يعطب صفحتك. احذف ملف القسم فيختفي كل أثر له.

نزّل whatismylocation-shopify-sections.zip — القسمان مع ملف README، بحجم بضعة كيلوبايتات. ثم اتبع خطوات التثبيت أدناه.

التثبيت في دقيقتين تقريبًا

نصفان: الصق الملف مرة واحدة، ثم استخدمه كأي قسم مدمج.

الصق الملف: لوحة إدارة Shopify ▸ المتجر الإلكترونيالقوالبتعديل الكود. في الشريط الجانبي الأيسر ضمن Sections اضغط إضافة قسم جديد، وسمِّه whatismylocation-map، واحذف المحتوى المبدئي، والصق كامل محتوى whatismylocation-map.liquid — بلوك {% schema %} في الأسفل هو ما يبني لوحة الإعدادات، فلا بد أن يأتي معه. ثم احفظ.

استخدمه: افتح محرّر القالب (تخصيص)، وانتقل إلى صفحة الاتصال (أو أي صفحة)، واضغط إضافة قسم، واختر WhatIsMyLocation Map. تظهر لوحة الإعدادات على اليسار؛ وإلى أن تُدخل الإحداثيات يعرض القسم عنصرًا بديلًا لطيفًا يخبرك بما يحتاجه بالضبط.

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

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

المتاجر متعددة المواقع تحصل على أفضل ميزة: في محرّر القالب، كل فرع بلوك — اضغط إضافة فرع، واملأ خط العرض وخط الطول واسمًا وعنوانًا، ورتّبها بالسحب (حتى 10 فروع). تضبط الخريطة حدودها تلقائيًا لتضم كل الفروع، والدبابيس مرقّمة لتطابق القائمة، ويحصل الزوّار على لوحة المواقع — قائمة منسدلة بجانب الخريطة على الحاسوب، وشريط بطاقات قابل للتمرير على الهاتف، مع اتجاهات لكل فرع وأيقونات اختيارية «افتح في خرائط Google / خرائط Apple». تخطيط اللوحة (auto، جانبي، سفلي، بلا) وحركة التبديل (سلسة، تلاشي، حيوية، بلا — ومن يفعّل تقليل الحركة يحصل دائمًا على النسخة الفورية) قوائم منسدلة في اللوحة نفسها.

كل إعداد وما يفعله

الإعدادما يراه الزوّار
اسم النشاط + نمط العنوانعنوان البطاقة/اللوحة — عريض افتراضيًا، مع خيارَي المائل والعادي.
أسطر العنوان 1–3 + نمط كل سطرحتى ثلاثة أسطر على بطاقة الخريطة، ولكل سطر خيار العريض أو المائل.
خط العرض / خط الطولدبوسك. الصقه من أداة البناء؛ ولا يُعاد ترميزه جغرافيًا أبدًا.
بلوكات الفروعدبابيس مرقّمة + لوحة المواقع (من فرعين وما فوق).
الثيمهيكل الأداة فاتح أو غامق أو ذهبي.
لون الدبوسأزرق كلاسيكي، زمردي، أحمر، عنبري، نيلي، أو رمادي مائل للأزرق.
اللوحة + الحركةتخطيط لوحة المواقع وحركة التبديل بين الفروع.
الاتجاهات / أيقونات الخرائطزر الاتجاهات مع أيقونات اختيارية تربط بخرائط Google/Apple مع تلميحات.
الارتفاعارتفاع الإطار، 220–800 px.
تعليق «Powered by»مُعطّل افتراضيًا — أشّر عليه لعرض اسم الخدمة أسفل الخريطة.

يشمل الملف المضغوط نفسه whatismylocation-widget.liquidأداة تحديد موقعي كقسم ثانٍ (الثيم، الوضع المختصر/الكامل، الارتفاع)، لصفحات التوصيل وأدوات إيجاد المتاجر.

حل المشكلات

القسم لا يظهر ضمن «إضافة قسم». يجب أن يكون الملف في Sections (لا Snippets ولا Assets)، وأن تشمل اللصقة الملف كاملًا — فإذا اقتُطع بلوك {% schema %}، يرفض Shopify القسم أو يخفيه. الصق الملف كاملًا من جديد واحفظ.

خطأ «Invalid schema» عند الحفظ. لصقة ناقصة — والسبب الأشهر قوس إغلاق مفقود عند التحديد إلى الأسفل ناقصًا سطرًا. الصق الملف الكامل مرة أخرى، ولا تعدّل المخطط يدويًا إلا إذا كنت تعرف Liquid.

الخريطة رمادية. بلاطات الخريطة تأتي من tile.openstreetmap.org، وقد يحجبها مانع إعلانات صارم أو شبكة شركة. تحقّق من هاتف على بيانات الجوال — عملاؤك يرونها على الأرجح بشكل سليم.

الدبوس ليس على بابي. أعد بناء الإحداثيات في أداة البناء، واسحب الدبوس إلى مدخلك، والصق القيم الجديدة في إعدادات القسم.

التعديلات لا تظهر في المتجر المباشر. لقد عدّلت قالبًا مسودة أو غير منشور — أجرِ التغيير في القالب المنشور (أو انشر الذي عدّلته). الأداة نفسها لا تخزّن شيئًا مؤقتًا.

خطوة بخطوة

  1. نزّل ملف whatismylocation-shopify-sections.zip (الرابط أدناه) وفُك ضغطه.
  2. في لوحة تحكم Shopify، افتح Online Store ▸ Themes ▸ ⋯ ▸ Edit code. ضمن Sections اضغط “Add a new section”، وسمِّه whatismylocation-map، والصق فيه المحتوى الكامل لملف whatismylocation-map.liquid — بما في ذلك كتلة schema في الأسفل. ثم احفظ.
  3. افتح محرر السمة (Customize)، وانتقل إلى الصفحة التي تحتاج إلى الخريطة، واضغط Add section، واختر “WhatIsMyLocation Map”.
  4. الصق إحداثياتك الدقيقة من أداة إنشاء تضمين الخريطة (اكتب عنوانك، ثم اسحب الدبوس إلى مدخلك قبل النسخ) — أو اضغط “Add branch” مرة لكل موقع إذا كانت لديك خريطة بعدة فروع.
  5. اختر السمة ولون العلامة وتخطيط اللوحة والحركة في لوحة الإعدادات، ثم احفظ. لا تطبيق، ولا مفتاح API، ولا شيء يُعدَّ من جهة الخادم.
قسم خريطة مجاني لمتجر Shopify إضافة خريطة للمتجر بدون تطبيق

الأسئلة الشائعة

هل أحتاج تطبيقًا مدفوعًا أو مفتاح API؟
لا. القسم ملف Liquid واحد داخل قالبك، بلا تطبيق ولا مفتاح API ولا حساب فواتير. الطلبات الخارجية الوحيدة هي إطار الخريطة وبلاطات OpenStreetMap.
أين أضع الملف داخل القالب؟
في مجلد Sections من «تعديل الكود»، وليس Snippets أو Assets. الصق الملف كاملًا مع بلوك schema في نهايته، ثم احفظ ليظهر القسم في محرّر القالب.

العرض بالإنجليزية: Map Widget for Shopify · العربية