Shopify साठी नकाशा विजेट

थीम सेक्शन Shopify ॲपपेक्षा का सरस

बहुतेक “नकाशा ॲप” इन्स्टॉल, तुमच्या स्टोअर डेटाची परवानगी आणि महिन्याची फी मागतात — आणि शेवटी मिळते ते एक iframe. हा त्याला प्रामाणिक पर्याय आहे: तुमच्याच थीममध्ये राहणारी एकच Liquid फाइल. ती स्टोअरची कोणतीही परवानगी मागत नाही, तुमच्या पानांवर कोणतीही स्क्रिप्ट जोडत नाही, काहीही घरी पाठवत नाही आणि तिची किंमत शून्य आहे. तुमच्या अभ्यागतांकडून जाणाऱ्या बाहेरील विनंत्या फक्त दोन: whatismylocation.ai वरून येणारी sandboxed नकाशा iframe आणि तिच्या OpenStreetMap टाइल्स — Google कुकीज नाहीत, संमती-बॅनरचा भार नाही. सेवा कधी उपलब्ध नसली, तर iframe गुपचूप निष्क्रिय राहते; तुमचे पान बिघडत नाही. सेक्शनची फाइल हटवली की प्रत्येक खूण नाहीशी होते.

whatismylocation-shopify-sections.zip डाउनलोड करा — दोन्ही सेक्शन आणि एक README, फक्त काही किलोबाइट. त्यानंतर खालील इन्स्टॉल पायऱ्या करा.

सुमारे दोन मिनिटांत इन्स्टॉल

दोन भाग: फाइल एकदा पेस्ट करा, नंतर ती इतर कोणत्याही अंगभूत सेक्शनसारखी वापरा.

फाइल पेस्ट करा: Shopify admin ▸ Online Store ▸ Themes ▸ ⋯ ▸ Edit code. डाव्या साइडबारमध्ये Sections खाली Add a new section वर क्लिक करा, नाव whatismylocation-map द्या, आतील नमुना मजकूर हटवा आणि whatismylocation-map.liquid चा संपूर्ण मजकूर पेस्ट करा — तळाशी असलेला {% schema %} ब्लॉकच तुमचा सेटिंग्ज पॅनेल तयार करतो, म्हणून तोही आलाच पाहिजे. सेव्ह करा.

वापरा: थीम एडिटर उघडा (Customize), तुमच्या contact पानावर (किंवा कोणत्याही पानावर) जा, Add section दाबा आणि WhatIsMyLocation Map निवडा. सेटिंग्ज पॅनेल डावीकडे दिसतो. निर्देशांक टाकेपर्यंत सेक्शन एक सौम्य प्लेसहोल्डर दाखवतो, ज्यात नेमके काय हवे ते सांगितलेले असते.

निर्देशांक नकाशा-embed बिल्डर मधून घ्या — तुमचा पत्ता टाइप करा आणि कॉपी करण्यापूर्वी पिन तुमच्या प्रवेशद्वारावर ओढा. सेक्शन तुमचे अंतिम निर्देशांकच पाठवतो, म्हणून पिन नंतर कधीही सरकत नाही.

शाखा म्हणजे ब्लॉक

अनेक ठिकाणे असलेल्या स्टोअरना सर्वात चांगला भाग मिळतो: थीम एडिटरमध्ये प्रत्येक शाखा एक ब्लॉक असते — Add branch दाबा, अक्षांश, रेखांश, एक लेबल आणि पत्ता भरा आणि ओढून त्यांचा क्रम बदला (10 पर्यंत). नकाशा प्रत्येक शाखा स्वतःहून बसवतो, पिन यादीशी जुळणारे क्रमांक घेतात आणि अभ्यागतांना स्थानांचा पॅनेल मिळतो — डेस्कटॉपवर नकाशाशेजारी अकॉर्डियन, फोनवर स्वाइप करता येणारी कार्ड पट्टी, प्रत्येक शाखेसाठी दिशादर्शन आणि ऐच्छिक “Open in Google Maps / Apple Maps” चिन्हे. पॅनेलची मांडणी (auto, बाजू, तळ, काहीही नाही) आणि स्विच ॲनिमेशन (smooth, fade, lively, none — 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 वरून येतात; कडक ॲड-ब्लॉकर किंवा कंपनीचे नेटवर्क त्या अडवू शकते. मोबाइल डेटावर फोनवर तपासा — तुमच्या ग्राहकांना तो नक्कीच व्यवस्थित दिसतो.

पिन माझ्या दारावर नाही. बिल्डरमध्ये निर्देशांक पुन्हा तयार करा, पिन तुमच्या प्रवेशद्वारावर ओढा आणि नवीन मूल्ये सेक्शनच्या सेटिंग्जमध्ये पेस्ट करा.

बदल थेट स्टोअरवर दिसत नाहीत. तुम्ही ड्राफ्ट किंवा अप्रकाशित थीम संपादित केली आहे — बदल प्रकाशित थीममध्ये करा (किंवा संपादित केलेली थीम प्रकाशित करा). विजेटमध्ये कॅश करण्यासारखे काहीही नाही.