Mapový widget pro Shopify

Proč je sekce šablony lepší než aplikace pro Shopify

Většina nabídek „mapových aplikací“ chce instalaci, oprávnění k datům vašeho obchodu a měsíční poplatek — a to všechno za jeden jediný iframe. Tohle je poctivá alternativa: jediný soubor Liquid, který žije ve vaší vlastní šabloně. Nežádá žádná oprávnění k obchodu, nepřidává na vaše stránky žádné skripty, nic nikam neposílá a nic nestojí. Jediné externí požadavky vašich návštěvníků jsou izolovaný iframe s mapou z whatismylocation.ai a jeho dlaždice OpenStreetMap — žádné cookies Googlu, žádná zátěž s lištou souhlasu. A kdyby služba někdy nebyla dostupná, iframe tiše selže, aniž by rozbil vaši stránku. Smažte soubor sekce a nezůstane po něm ani stopa.

Stáhnout whatismylocation-shopify-sections.zip — obě sekce plus README, pár kilobajtů. Pak postupujte podle kroků instalace níže.

Instalace zhruba za dvě minuty

Dvě části: jednou vložíte soubor a pak ho používáte jako každou vestavěnou sekci.

Vložení souboru: administrace Shopify ▸ Internetový obchod ▸ Šablony ▸ ⋯ ▸ Upravit kód. V levém panelu pod položkou Sekce klikněte na Přidat novou sekci, pojmenujte ji whatismylocation-map, smažte ukázkový obsah a vložte celý obsah souboru whatismylocation-map.liquid — blok {% schema %} na konci sestavuje váš panel nastavení, takže musí jít s sebou. Uložte.

Použití: otevřete editor šablony (Přizpůsobit), přejděte na svou kontaktní stránku (nebo jakoukoli jinou), stiskněte Přidat sekci a vyberte WhatIsMyLocation Map. Vlevo se objeví panel nastavení. Dokud nezadáte souřadnice, ukazuje sekce vstřícný zástupný text, který vám přesně řekne, co potřebuje.

Souřadnice získáte v nástroji pro vkládání mapy — zadejte svou adresu a před zkopírováním přetáhněte špendlík na svůj vchod. Sekce používá vaše konečné souřadnice, takže špendlík se už nemůže posunout.

Pobočky jsou bloky

Obchody s více pobočkami dostanou to nejlepší: v editoru šablony je každá pobočka blok — stiskněte Přidat pobočku, vyplňte zeměpisnou šířku, délku, popisek a adresu a přetažením je seřaďte (až 10). Mapa se automaticky přizpůsobí všem pobočkám, špendlíky jsou očíslované podle seznamu a návštěvníci dostanou panel poloh — na počítači akordeon vedle mapy, na telefonu pruh karet ovládaný přejetím prstem, s trasou ke každé pobočce a volitelnými ikonami „Otevřít v Google Maps / Apple Maps“. Rozvržení panelu (auto, po straně, dole, žádné) a animace přepínání (plynulá, prolnutí, živá, žádná — návštěvníci s omezením pohybu vždy dostanou okamžitou verzi) jsou rozbalovací nabídky ve stejném panelu.

Každé nastavení, přehledně

Stejný zip obsahuje whatismylocation-widget.liquid — widget pro zjištění polohy jako druhou sekci (motiv, kompaktní/plný režim, výška), pro stránky s doručením a vyhledávače prodejen.

Řešení problémů

Sekce se v nabídce Přidat sekci neobjeví. Soubor musí být ve složce Sekce (ne Snippets nebo Assets) a vložit musíte celý soubor — pokud se blok {% schema %} uřízl, Shopify sekci odmítne nebo skryje. Vložte celý soubor znovu a uložte.

Při uložení se objeví chyba „Invalid schema“. Vložili jste soubor jen zčásti — nejčastěji chybí uzavírací složená závorka, protože jste text označili až dolů minus jeden řádek. Vložte kompletní soubor znovu. Schéma neupravujte ručně, pokud neumíte Liquid.

Mapa je šedá. Mapové dlaždice se načítají z tile.openstreetmap.org; agresivní blokovač reklam nebo firemní síť je mohou blokovat. Zkuste to na telefonu s mobilními daty — vaši zákazníci ji téměř jistě vidí v pořádku.

Špendlík není u mých dveří. Vytvořte souřadnice znovu v nástroji, přetáhněte špendlík na svůj vchod a nové hodnoty vložte do nastavení sekce.

Úpravy se v živém obchodě neprojeví. Upravili jste koncept nebo nezveřejněnou šablonu — proveďte změnu v publikované šabloně (nebo publikujte tu, kterou jste upravovali). Samotný widget nemá co ukládat do mezipaměti.