Shopify-র জন্য ম্যাপ উইজেট

থিম সেকশন কেন Shopify অ্যাপের চেয়ে ভালো

বেশিরভাগ “ম্যাপ অ্যাপ” তালিকায় ইনস্টল করতে হয়, আপনার স্টোরের ডেটায় অনুমতি দিতে হয়, আর মাসিক ফি লাগে — শেষ বিচারে যা মাত্র একটি iframe। এটি সৎ বিকল্প: একটি একক Liquid ফাইল, যা আপনার নিজের থিমেই থাকে। এটি স্টোরের কোনো অনুমতি চায় না, আপনার পেজে কোনো স্ক্রিপ্ট যোগ করে না, কোথাও কিছু পাঠায় না, আর খরচ শূন্য। আপনার ভিজিটররা বাইরের দিকে শুধু দুটি অনুরোধ করে: whatismylocation.ai থেকে স্যান্ডবক্সড ম্যাপ iframe এবং তার OpenStreetMap টাইল — কোনো Google কুকি নেই, সম্মতি-ব্যানারের ঝামেলা নেই। সেবাটি কখনো অনুপলব্ধ হলে iframe নীরবে ব্যর্থ হয়, আপনার পেজ ভাঙে না। সেকশন ফাইলটি মুছে দিলে সব চিহ্ন মিলিয়ে যায়।

whatismylocation-shopify-sections.zip ডাউনলোড করুন — দুটি সেকশন ও একটি README, মাত্র কয়েক কিলোবাইট। এরপর নিচের ইনস্টল ধাপগুলো অনুসরণ করুন।

প্রায় দুই মিনিটে ইনস্টল

দুটি অংশ: ফাইলটি একবার পেস্ট করুন, তারপর যেকোনো বিল্ট-ইন সেকশনের মতোই ব্যবহার করুন।

ফাইল পেস্ট করুন: Shopify অ্যাডমিন ▸ অনলাইন স্টোর ▸ থিম ▸ ⋯ ▸ কোড এডিট করুন। বাঁ দিকের সাইডবারে সেকশন-এর নিচে নতুন সেকশন যোগ করুন-এ ক্লিক করুন, নাম দিন whatismylocation-map, প্লেসহোল্ডার লেখা মুছে ফেলুন, এবং whatismylocation-map.liquid-এর পুরো বিষয়বস্তু পেস্ট করুন — নিচের {% schema %} ব্লকটিই আপনার সেটিংস প্যানেল তৈরি করে, তাই সেটি অবশ্যই সঙ্গে আসতে হবে। সেভ করুন।

ব্যবহার করুন: থিম এডিটর খুলুন (কাস্টমাইজ), আপনার কনট্যাক্ট পেজে (বা যেকোনো পেজে) যান, সেকশন যোগ করুন চাপুন, এবং WhatIsMyLocation Map বেছে নিন। সেটিংস প্যানেল বাঁ দিকে দেখা যাবে। স্থানাঙ্ক না দেওয়া পর্যন্ত সেকশনটি একটি সহায়ক প্লেসহোল্ডার দেখায়, যা ঠিক কী দরকার তা বলে দেয়।

স্থানাঙ্ক নিন ম্যাপ-এমবেড বিল্ডার থেকে — আপনার ঠিকানা লিখুন, তারপর কপি করার আগে পিনটি টেনে আপনার প্রবেশপথে বসান। সেকশনটি আপনার চূড়ান্ত স্থানাঙ্কই পাঠায়, তাই পিন পরে কখনো সরে যেতে পারে না।

শাখাগুলোই ব্লক

একাধিক শাখার স্টোর সবচেয়ে ভালো অংশটি পায়: থিম এডিটরে প্রতিটি শাখা একটি ব্লক — শাখা যোগ করুন চাপুন, অক্ষাংশ, দ্রাঘিমাংশ, একটি লেবেল ও একটি ঠিকানা দিন, আর টেনে ক্রম বদলান (সর্বোচ্চ 10টি)। ম্যাপ প্রতিটি শাখা ধরে নিজে থেকে ফিট হয়, পিনগুলোতে তালিকার সঙ্গে মিলিয়ে নম্বর দেওয়া থাকে, এবং ভিজিটররা পায় অবস্থান প্যানেল — ডেস্কটপে ম্যাপের পাশে একটি অ্যাকর্ডিয়ন, ফোনে স্বাইপ করা যায় এমন কার্ড-স্ট্রিপ, সঙ্গে প্রতিটি শাখার দিকনির্দেশ ও ঐচ্ছিক “Google Maps / Apple Maps-এ খুলুন” আইকন। প্যানেলের বিন্যাস (auto, পাশে, নিচে, কিছুই না) এবং শাখা বদলের অ্যানিমেশন (স্মুথ, ফেড, জীবন্ত, কিছুই না — reduce-motion চালু থাকা ভিজিটররা সবসময় তাৎক্ষণিক সংস্করণ পান) একই প্যানেলের ড্রপডাউন।

প্রতিটি সেটিং, একনজরে

একই zip-এ আছে whatismylocation-widget.liquid — আমার অবস্থান খোঁজার উইজেট দ্বিতীয় একটি সেকশন হিসেবে (থিম, কম্প্যাক্ট/পূর্ণ মোড, উচ্চতা), ডেলিভারি পেজ ও স্টোর ফাইন্ডারের জন্য।

সমস্যা সমাধান

সেকশন যোগ করুন-এ সেকশনটি দেখা যাচ্ছে না। ফাইলটি অবশ্যই সেকশন-এ থাকতে হবে (Snippets বা Assets-এ নয়) এবং পেস্টে পুরো ফাইল থাকতে হবে — {% schema %} ব্লক কেটে গেলে Shopify সেকশনটি বাতিল করে বা লুকিয়ে রাখে। পুরো ফাইলটি আবার পেস্ট করে সেভ করুন।

সেভ করার সময় “Invalid schema” ত্রুটি। আংশিক পেস্ট — বেশিরভাগ সময় শেষ পর্যন্ত নির্বাচন করতে গিয়ে এক লাইন বাদ পড়ে আর ক্লোজিং ব্রেস হারিয়ে যায়। সম্পূর্ণ ফাইলটি আবার পেস্ট করুন; Liquid না জানলে হাতে স্কিমা সম্পাদনা করবেন না।

ম্যাপ ধূসর দেখাচ্ছে। ম্যাপ টাইল আসে tile.openstreetmap.org থেকে; আক্রমণাত্মক অ্যাড-ব্লকার বা অফিসের নেটওয়ার্ক সেগুলো ব্লক করতে পারে। মোবাইল ডেটায় ফোনে দেখে নিন — আপনার ক্রেতারা প্রায় নিশ্চিতভাবেই ঠিকঠাক দেখছে।

পিন আমার দরজায় নেই। বিল্ডারে স্থানাঙ্ক আবার তৈরি করুন, পিনটি টেনে আপনার প্রবেশপথে বসান, আর নতুন মান সেকশনের সেটিংসে পেস্ট করুন।

লাইভ স্টোরে পরিবর্তন দেখা যাচ্ছে না। আপনি খসড়া বা অপ্রকাশিত থিম সম্পাদনা করেছেন — প্রকাশিত থিমে পরিবর্তনটি করুন (বা যেটি সম্পাদনা করেছেন সেটি প্রকাশ করুন)। উইজেটের নিজের ক্যাশ করার কিছু নেই।