Kartwidget för Shopify

Därför slår en temasektion en Shopify-app

De flesta ”kartappar” kräver en installation, behörigheter till dina butiksdata och en månadsavgift — för något som i slutändan är en enda iframe. Det här är det ärliga alternativet: en enda Liquid-fil som ligger i ditt eget tema. Den begär inga butiksbehörigheter, lägger inte till några skript på dina sidor, skickar inget hem och kostar ingenting. De enda externa anropen dina besökare gör är den sandlådade kart-iframen från whatismylocation.ai och dess OpenStreetMap-rutor — inga Google-cookies, inget bagage med samtyckesbanners. Om tjänsten någon gång inte går att nå misslyckas iframen tyst utan att din sida går sönder. Radera sektionsfilen, så är varje spår borta.

Ladda ner whatismylocation-shopify-sections.zip — båda sektionerna plus en README, några kilobyte. Följ sedan installationsstegen nedan.

Installera på ungefär två minuter

Två halvor: klistra in filen en gång, använd den sedan som vilken inbyggd sektion som helst.

Klistra in filen: Shopify-admin ▸ Webbutik ▸ Teman ▸ ⋯ ▸ Redigera kod. I vänstermenyn under Sections klickar du på Lägg till en ny sektion, döper den till whatismylocation-map, tar bort platshållarinnehållet och klistrar in hela innehållet i whatismylocation-map.liquid — {% schema %}-blocket längst ner är det som bygger din inställningspanel, så det måste följa med. Spara.

Använd den: öppna temaredigeraren (Anpassa), gå till din kontaktsida (eller vilken sida som helst), tryck på Lägg till sektion och välj WhatIsMyLocation Map. Inställningspanelen dyker upp till vänster. Tills du anger koordinater visar sektionen en vänlig platshållare som berättar exakt vad den behöver.

Hämta koordinaterna från kartinbäddningsverktyget — skriv in din adress och dra sedan nålen till din entré innan du kopierar. Sektionen levererar dina slutgiltiga koordinater, så nålen kan aldrig glida i efterhand.

Filialer är block

Butiker med flera platser får det bästa av allt: i temaredigeraren är varje filial ett block — tryck på Lägg till filial, fyll i latitud, longitud, en etikett och en adress, och ändra ordning genom att dra (upp till 10). Kartan anpassar sig automatiskt till alla filialer, nålarna är numrerade så att de matchar listan, och besökarna får en platspanel — ett dragspel bredvid kartan på dator, en swipebar kortrad på mobilen, med vägbeskrivning per filial och valfria ikoner för ”Öppna i Google Maps / Apple Maps”. Panelens layout (auto, sida, botten, ingen) och växlingsanimationen (mjuk, toning, livlig, ingen — besökare med reducerad rörelse får alltid den direkta versionen) är rullgardinsmenyer i samma panel.

Alla inställningar, kartlagda

Samma zip innehåller whatismylocation-widget.liquid — hitta-min-plats-widgeten som en andra sektion (tema, kompakt/fullt läge, höjd), för leveranssidor och butikssökare.

Felsökning

Sektionen dyker inte upp under Lägg till sektion. Filen måste ligga i Sections (inte Snippets eller Assets) och inklistringen måste omfatta hela filen — om {% schema %}-blocket klipptes bort avvisar eller döljer Shopify sektionen. Klistra in hela filen igen och spara.

Felet ”Invalid schema” när du sparar. En ofullständig inklistring — oftast en saknad avslutande klammerparentes när markeringen gick till botten minus en rad. Klistra in hela filen igen. Handredigera inte schemat om du inte kan Liquid.

Kartan är grå. Kartrutorna kommer från tile.openstreetmap.org; en aggressiv annonsblockerare eller ett företagsnätverk kan blockera dem. Testa på en mobil med mobildata — dina kunder ser den nästan säkert som den ska.

Nålen sitter inte vid min dörr. Bygg om koordinaterna i verktyget, dra nålen till din entré och klistra in de nya värdena i sektionens inställningar.

Ändringarna syns inte i den publika butiken. Du redigerade ett utkast eller ett opublicerat tema — gör ändringen i det publicerade temat (eller publicera det du redigerade). Själva widgeten har inget att cacha.