Shopify का लागि नक्सा विजेट
एउटै फाइल डाउनलोड गर्नुहोस्, त्यसलाई आफ्नो थिमको Sections फोल्डरमा पेस्ट गर्नुहोस्, र तपाईंको थिम सम्पादकमा “WhatIsMyLocation Map” नेटिभ सेटिङ प्यानलसहित देखा पर्छ — शाखाहरू ब्लकका रूपमा, थिम र मार्कर छनौट, स्विच एनिमेसनसहितको स्थान प्यानल, र वैकल्पिक “नक्सामा खोल्ने” आइकनहरू। कुनै एप इन्स्टल गर्नुपर्दैन, कुनै API कुञ्जी, बिलिङ खाता वा कुकी चाहिँदैन, र Google बाट कुनै पनि चीज लोड हुँदैन। zip भित्र find-my-location विजेटका लागि दोस्रो सेक्सन पनि छ।
अनुमतिमा आधारित · निजी · Chrome, Safari, Firefox, Edge मा काम गर्छ
थिम सेक्सन Shopify एपभन्दा किन राम्रो
धेरैजसो “नक्सा एप” सूचीहरूले इन्स्टल, तपाईंको स्टोर डेटामा अनुमति र मासिक शुल्क माग्छन् — जे अन्ततः एउटै iframe मात्र हो। यो इमानदार विकल्प हो: तपाईंको आफ्नै थिममा बस्ने एउटै Liquid फाइल। यसले स्टोरको कुनै अनुमति माग्दैन, तपाईंका पृष्ठहरूमा कुनै स्क्रिप्ट थप्दैन, कतै डेटा पठाउँदैन र कुनै शुल्क लाग्दैन। तपाईंका आगन्तुकहरूले गर्ने एक मात्र बाह्य अनुरोध whatismylocation.ai को स्यान्डबक्स गरिएको नक्सा iframe र त्यसका OpenStreetMap टाइल हुन् — कुनै Google कुकी छैन, सहमति-ब्यानरको झन्झट छैन। सेवा कहिल्यै पहुँचयोग्य नभएमा 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 सम्म)। नक्सा हरेक शाखा स्वतः फिट गर्छ, पिनहरू सूचीसँग मिल्ने गरी क्रमाङ्कित हुन्छन्, र आगन्तुकहरूले स्थान प्यानल पाउँछन् — डेस्कटपमा नक्साको छेउमा एकोर्डियन, फोनमा स्वाइप गर्न मिल्ने कार्ड पट्टी, प्रति-शाखा दिशानिर्देश र वैकल्पिक “Google Maps / Apple Maps मा खोल्नुहोस्” आइकनसहित। प्यानल लेआउट (auto, साइड, तल, कुनै पनि होइन) र स्विच एनिमेसन (स्मुथ, फेड, चलायमान, कुनै पनि होइन — reduce-motion सक्रिय भएका आगन्तुकहरूले सधैँ तत्काल संस्करण पाउँछन्) उही प्यानलमा ड्रपडाउनका रूपमा छन्।
हरेक सेटिङ, एक ठाउँमा
| सेटिङ | आगन्तुकहरूले के देख्छन् |
|---|---|
| व्यवसायको नाम + शीर्षक शैली | कार्ड/प्यानलको शीर्षक — पूर्वनिर्धारित रूपमा बोल्ड; इटालिक र सामान्य पनि उपलब्ध। |
| ठेगाना पङ्क्ति 1–3 + प्रति-पङ्क्ति शैली | ओभरले कार्डमा तीन पङ्क्तिसम्म, प्रत्येक वैकल्पिक रूपमा बोल्ड वा इटालिक। |
| अक्षांश / देशान्तर | तपाईंको पिन। बिल्डरबाट पेस्ट गर्नुहोस्; कहिल्यै पुनः जियोकोड हुँदैन। |
| शाखा ब्लक | क्रमाङ्कित पिन + स्थान प्यानल (2 शाखादेखि माथि)। |
| थिम | हल्का, गाढा वा सुनौलो विजेट क्रोम। |
| मार्करको रङ | क्लासिक निलो, इमेराल्ड, रातो, एम्बर, इन्डिगो वा स्लेट पिन। |
| प्यानल + चाल | स्थान प्यानलको लेआउट र शाखा-स्विच एनिमेसन। |
| दिशानिर्देश पाउनुहोस् / नक्सा आइकन | दिशानिर्देश बटन र वैकल्पिक Google/Apple Maps आइकन लिंक, टुलटिपसहित। |
| उचाइ | iframe को उचाइ, 220–800 px। |
| “Powered by” क्याप्सन | पूर्वनिर्धारित रूपमा बन्द — नक्साको तल सेवाको श्रेय दिन टिक लगाउनुहोस्। |
उही zip भित्र whatismylocation-widget.liquid पनि छ — find-my-location विजेट दोस्रो सेक्सनका रूपमा (थिम, कम्प्याक्ट/पूर्ण मोड, उचाइ), डेलिभरी पृष्ठ र स्टोर फाइन्डरका लागि।
समस्या समाधान
Add section अन्तर्गत सेक्सन देखिँदैन। फाइल Sections मा हुनुपर्छ (Snippets वा Assets मा होइन) र पेस्टमा पूरै फाइल समेटिनुपर्छ — {% schema %} ब्लक काटिएको भए Shopify सेक्सन अस्वीकार गर्छ वा लुकाउँछ। पूरै फाइल फेरि पेस्ट गरी सेभ गर्नुहोस्।
सेभ गर्दा “Invalid schema” त्रुटि। आधुरो पेस्ट — प्रायः तलसम्म छान्दा एउटा लाइन छुटेर बन्द कोष्ठक हराएको हुन्छ। पूरै फाइल फेरि पेस्ट गर्नुहोस्; Liquid थाहा नभएसम्म स्किमा हातैले सम्पादन नगर्नुहोस्।
नक्सा खरानी रङको देखिन्छ। नक्साका टाइल tile.openstreetmap.org बाट आउँछन्; आक्रामक एड-ब्लकर वा कार्यालयको नेटवर्कले त्यसलाई रोक्न सक्छ। मोबाइल डेटा चलेको फोनमा जाँच गर्नुहोस् — तपाईंका ग्राहकहरूले लगभग पक्कै ठीकसँग देख्छन्।
पिन मेरो ढोकामा छैन। बिल्डरमा निर्देशांक फेरि बनाउनुहोस्, पिनलाई आफ्नो प्रवेशद्वारमा तान्नुहोस्, र नयाँ मानहरू सेक्सन सेटिङमा पेस्ट गर्नुहोस्।
सम्पादन लाइभ स्टोरमा देखिँदैन। तपाईंले ड्राफ्ट वा अप्रकाशित थिम सम्पादन गर्नुभयो — प्रकाशित थिममा परिवर्तन गर्नुहोस् (वा सम्पादन गरेको थिम प्रकाशित गर्नुहोस्)। विजेट आफैँमा क्यास गर्ने कुरा केही छैन।
चरण-दर-चरण
- whatismylocation-shopify-sections.zip डाउनलोड गर्नुहोस् (लिङ्क तल छ) र यसलाई अनजिप गर्नुहोस्।
- Shopify एडमिनमा Online Store ▸ Themes ▸ ⋯ ▸ Edit code खोल्नुहोस्। Sections मुनि “Add a new section” थिच्नुहोस्, यसलाई whatismylocation-map नाम दिनुहोस्, र whatismylocation-map.liquid को पूरा सामग्री पेस्ट गर्नुहोस् — तलको schema ब्लकसमेत। Save थिच्नुहोस्।
- थिम एडिटर खोल्नुहोस् (Customize), नक्सा चाहिने पृष्ठमा जानुहोस्, Add section थिच्नुहोस्, र “WhatIsMyLocation Map” छान्नुहोस्।
- map-embed बिल्डरबाट आफ्ना ठ्याक्कै निर्देशांक पेस्ट गर्नुहोस् (पहिले आफ्नो ठेगाना टाइप गर्नुहोस्, अनि कपी गर्नुअघि पिनलाई तानेर आफ्नो प्रवेशद्वारमा राख्नुहोस्) — वा बहु-शाखा नक्साका लागि प्रत्येक स्थानका लागि एकपटक “Add branch” थिच्नुहोस्।
- सेटिङ प्यानलमा थिम, मार्करको रङ, प्यानल ढाँचा र चाल छान्नुहोस्, अनि Save थिच्नुहोस्। कुनै एप चाहिँदैन, कुनै API की चाहिँदैन, सर्भर-साइड केही सेट गर्नु पर्दैन।
बारम्बार सोधिने प्रश्नहरू
Shopify मा नक्सा राख्न एप चाहिन्छ?
धेरै शाखा देखाउन सकिन्छ?
अङ्ग्रेजीमा हेर्नुहोस्: Map Widget for Shopify · नेपाली