Shopify માટે નકશા વિજેટ

થીમ સેક્શન 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 વાળા મુલાકાતીઓને હંમેશાં તાત્કાલિક સંસ્કરણ મળે છે) એ જ પેનલમાં ડ્રોપડાઉન તરીકે છે.

દરેક સેટિંગ, સમજાવેલી

એ જ ઝિપમાં whatismylocation-widget.liquid પણ છે — find-my-location વિજેટ બીજા સેક્શન તરીકે (થીમ, કોમ્પેક્ટ/ફુલ મોડ, ઊંચાઈ), ડિલિવરી પેજ અને સ્ટોર-શોધક માટે.

મુશ્કેલી નિવારણ

સેક્શન Add section હેઠળ દેખાતું નથી. ફાઇલ Sections માં જ હોવી જોઈએ (Snippets કે Assets માં નહીં) અને પેસ્ટમાં આખી ફાઇલ હોવી જોઈએ — જો {% schema %} બ્લોક કપાઈ ગયો હોય, તો Shopify સેક્શનને નકારે છે અથવા છુપાવે છે. આખી ફાઇલ ફરીથી પેસ્ટ કરો અને સેવ કરો.

સેવ કરતી વખતે “Invalid schema” ભૂલ. અધૂરો પેસ્ટ — સામાન્ય રીતે નીચે સુધી પસંદ કરતાં એક લીટી છૂટી જવાથી બંધ કરતું કૌંસ ખૂટે છે. આખી ફાઇલ ફરીથી પેસ્ટ કરો; Liquid ન આવડતું હોય તો સ્કીમા જાતે સંપાદિત ન કરો.

નકશો ભૂખરો દેખાય છે. નકશાની ટાઇલ્સ tile.openstreetmap.org પરથી આવે છે; આક્રમક ઍડ-બ્લોકર કે કંપનીનું નેટવર્ક તેમને બ્લોક કરી શકે છે. મોબાઇલ ડેટા પર ફોનમાં તપાસો — તમારા ગ્રાહકોને લગભગ ચોક્કસ બરાબર દેખાય છે.

પિન મારા દરવાજા પર નથી. બિલ્ડર માં કોઓર્ડિનેટ્સ ફરીથી બનાવો, પિનને તમારા પ્રવેશદ્વાર પર ખેંચો, અને નવી કિંમતો સેક્શન સેટિંગ્સમાં પેસ્ટ કરો.

ફેરફારો લાઇવ સ્ટોર પર દેખાતા નથી. તમે ડ્રાફ્ટ કે અપ્રકાશિત થીમમાં ફેરફાર કર્યો છે — પ્રકાશિત થીમમાં ફેરફાર કરો (અથવા જે થીમ સંપાદિત કરી તેને પ્રકાશિત કરો). વિજેટમાં જ કૅશ કરવા જેવું કંઈ નથી.