Shopify کے لیے نقشہ ویجٹ

تھیم سیکشن Shopify ایپ سے بہتر کیوں ہے

زیادہ تر “نقشہ ایپ” فہرستیں انسٹال، آپ کے اسٹور ڈیٹا تک اجازتیں اور ماہانہ فیس مانگتی ہیں — اور آخر میں ملتا ہے صرف ایک iframe۔ یہ ایماندار متبادل ہے: ایک واحد Liquid فائل جو آپ کے اپنے تھیم میں رہتی ہے۔ یہ اسٹور کی کوئی اجازت نہیں مانگتی، آپ کے صفحات میں کوئی اسکرپٹ شامل نہیں کرتی، کہیں کوئی ڈیٹا نہیں بھیجتی، اور مفت ہے۔ آپ کے وزیٹرز صرف دو بیرونی درخواستیں کرتے ہیں: whatismylocation.ai کا سینڈباکسڈ نقشہ iframe اور اس کی OpenStreetMap ٹائلیں — کوئی Google کوکیز نہیں، کوئی consent-banner کا جھنجھٹ نہیں۔ اور اگر سروس کبھی دستیاب نہ ہو تو iframe خاموشی سے ناکام ہو جاتا ہے، آپ کا صفحہ نہیں ٹوٹتا۔ سیکشن فائل ڈیلیٹ کریں اور ہر نشان مٹ جاتا ہے۔

whatismylocation-shopify-sections.zip ڈاؤن لوڈ کریں — دونوں سیکشنز اور ایک README، کل چند کلوبائٹس۔ پھر نیچے دیے گئے انسٹال مراحل پر عمل کریں۔

تقریباً دو منٹ میں انسٹال

دو حصے: ایک بار فائل پیسٹ کریں، پھر اسے کسی بھی بلٹ اِن سیکشن کی طرح استعمال کریں۔

فائل پیسٹ کریں: Shopify ایڈمن ▸ Online Store ▸ Themes ▸ ⋯ ▸ Edit code۔ بائیں سائیڈبار میں Sections کے نیچے Add a new section پر کلک کریں، اس کا نام whatismylocation-map رکھیں، پلیس ہولڈر مواد ڈیلیٹ کریں، اور whatismylocation-map.liquid کا پورا مواد پیسٹ کریں — نیچے موجود {% schema %} بلاک ہی آپ کا سیٹنگز پینل بناتا ہے، اس لیے وہ ساتھ آنا لازمی ہے۔ محفوظ کریں۔

استعمال کریں: تھیم ایڈیٹر کھولیں (Customize)، اپنے رابطہ صفحے (یا کسی بھی صفحے) پر جائیں، Add section دبائیں اور WhatIsMyLocation Map منتخب کریں۔ سیٹنگز پینل بائیں طرف نظر آتا ہے؛ جب تک آپ کوآرڈینیٹس درج نہیں کرتے، سیکشن ایک دوستانہ پلیس ہولڈر دکھاتا ہے جو بتاتا ہے کہ اسے کیا درکار ہے۔

کوآرڈینیٹس نقشہ ایمبیڈ بلڈر سے حاصل کریں — اپنا پتہ لکھیں، پھر کاپی کرنے سے پہلے پن کو اپنے دروازے پر کھینچ کر رکھیں۔ سیکشن آپ کے حتمی کوآرڈینیٹس بھیجتا ہے، اس لیے پن بعد میں کبھی سرک نہیں سکتا۔

برانچیں بلاکس ہیں

کئی لوکیشنز والے اسٹورز کو بہترین حصہ ملتا ہے: تھیم ایڈیٹر میں ہر برانچ ایک بلاک ہے — Add branch دبائیں، عرض البلد، طول البلد، ایک لیبل اور ایک پتہ بھریں، اور کھینچ کر ترتیب بدلیں (10 تک)۔ نقشہ ہر برانچ کو خود فٹ کرتا ہے، پن فہرست کے مطابق نمبر شدہ ہوتے ہیں، اور وزیٹرز کو لوکیشنز پینل ملتا ہے — ڈیسک ٹاپ پر نقشے کے ساتھ ایک ایکارڈین، فون پر سوائپ ہونے والی کارڈ پٹی، ہر برانچ کے راستے اور اختیاری “Open in Google Maps / Apple Maps” آئیکن کے ساتھ۔ پینل کا لے آؤٹ (auto، سائیڈ، نیچے، کوئی نہیں) اور سوئچ اینیمیشن (smooth، fade، lively، کوئی نہیں — reduce-motion والے وزیٹرز کو ہمیشہ فوری صورت ملتی ہے) اسی پینل میں ڈراپ ڈاؤن ہیں۔

ہر سیٹنگ، ایک نظر میں

اسی zip میں whatismylocation-widget.liquid بھی ہے — find-my-location ویجٹ دوسرے سیکشن کے طور پر (تھیم، compact/full موڈ، اونچائی)، ڈیلیوری صفحات اور اسٹور فائنڈرز کے لیے۔

مسائل کا حل

سیکشن Add section کے نیچے نظر نہیں آتا۔ فائل Sections میں ہونی چاہیے (Snippets یا Assets میں نہیں) اور پیسٹ میں پوری فائل شامل ہونی چاہیے — اگر {% schema %} بلاک کٹ گیا تو Shopify سیکشن مسترد کر دیتا ہے یا چھپا دیتا ہے۔ پوری فائل دوبارہ پیسٹ کریں اور محفوظ کریں۔

محفوظ کرتے وقت “Invalid schema” کی خرابی۔ ادھورا پیسٹ — عام طور پر ایک بند ہونے والا بریس رہ جاتا ہے کیونکہ نیچے تک منتخب کرتے ہوئے ایک لائن چھوٹ گئی۔ مکمل فائل دوبارہ پیسٹ کریں؛ اگر آپ Liquid نہیں جانتے تو schema کو ہاتھ سے ایڈٹ نہ کریں۔

نقشہ سرمئی ہے۔ نقشے کی ٹائلیں tile.openstreetmap.org سے آتی ہیں؛ سخت ایڈ بلاکر یا دفتری نیٹ ورک انہیں روک سکتا ہے۔ موبائل ڈیٹا پر فون سے جانچیں — آپ کے گاہکوں کو تقریباً یقینی طور پر ٹھیک نظر آ رہا ہے۔

پن میرے دروازے پر نہیں ہے۔ بلڈر میں کوآرڈینیٹس دوبارہ بنائیں، پن کو اپنے دروازے پر کھینچیں، اور نئی قدریں سیکشن کی سیٹنگز میں پیسٹ کریں۔

تبدیلیاں لائیو اسٹور پر نظر نہیں آتیں۔ آپ نے کسی ڈرافٹ یا غیر شائع شدہ تھیم میں ایڈٹ کیا — تبدیلی شائع شدہ تھیم میں کریں (یا جس تھیم کو ایڈٹ کیا اسے شائع کریں)۔ ویجٹ خود کچھ کیش نہیں کرتا۔