Shopify için harita widget'ı

Tema bölümü neden Shopify uygulamasından iyidir

Çoğu “harita uygulaması” listelemesi bir kurulum, mağaza verilerinize erişim izni ve aylık ücret ister — sonuçta tek bir iframe için. Dürüst alternatif şu: kendi temanızın içinde duran tek bir Liquid dosyası. Mağaza izni istemez, sayfalarınıza betik eklemez, hiçbir yere veri göndermez ve hiçbir ücreti yoktur. Ziyaretçilerinizin yaptığı tek dış istek, whatismylocation.ai adresinden gelen korumalı (sandbox) harita iframe'i ve onun OpenStreetMap karolarıdır — Google çerezi yok, onay bandı yükü yok. Servise hiç ulaşılamazsa iframe sessizce devre dışı kalır, sayfanızı bozmaz. Bölüm dosyasını silin, hiçbir iz kalmaz.

whatismylocation-shopify-sections.zip dosyasını indirin — iki bölüm ve bir README, birkaç kilobayt. Ardından aşağıdaki kurulum adımlarını izleyin.

Yaklaşık iki dakikada kurulum

İki aşama var: dosyayı bir kez yapıştırın, sonra onu yerleşik bir bölüm gibi kullanın.

Dosyayı yapıştırın: Shopify yönetim paneli ▸ Online Mağaza ▸ Temalar ▸ ⋯ ▸ Kodu düzenle. Soldaki kenar çubuğunda Sections altında Yeni bölüm ekle'ye tıklayın, adını whatismylocation-map koyun, içindeki hazır içeriği silin ve whatismylocation-map.liquid dosyasının tamamını yapıştırın — en alttaki {% schema %} bloğu ayar panelinizi oluşturan kısımdır, mutlaka birlikte gelmelidir. Kaydedin.

Kullanın: tema düzenleyiciyi açın (Özelleştir), iletişim sayfanıza (ya da herhangi bir sayfaya) gidin, Bölüm ekle'ye basın ve WhatIsMyLocation Map seçin. Ayar paneli solda görünür; siz koordinatları girene kadar bölüm, neye ihtiyacı olduğunu tam olarak anlatan dostça bir yer tutucu gösterir.

Koordinatları harita gömme oluşturucusundan alın — adresinizi yazın, sonra kopyalamadan önce pini girişinizin üzerine sürükleyin. Bölüm sizin son koordinatlarınızı gönderir, böylece pin sonradan asla kaymaz.

Şubeler birer bloktur

Birden fazla şubesi olan mağazalar için en güzel kısım burası: tema düzenleyicisinde her şube bir bloktur — Şube ekle'ye basın, enlem, boylam, bir etiket ve bir adres girin, sürükleyerek sıralayın (en fazla 10 şube). Harita tüm şubeleri otomatik sığdırır, pinler listeyle eşleşecek şekilde numaralanır ve ziyaretçiler konumlar panelini görür — masaüstünde haritanın yanında bir akordeon, telefonda kaydırılabilir bir kart şeridi; şube başına yol tarifi ve isteğe bağlı “Google Maps'te aç / Apple Maps'te aç” simgeleriyle. Panel yerleşimi (auto, yan, alt, yok) ve geçiş animasyonu (yumuşak, solma, canlı, yok — hareket azaltma tercihi olan ziyaretçiler her zaman anlık sürümü görür) aynı paneldeki açılır menülerdir.

Her ayarın karşılığı

Aynı zip dosyası whatismylocation-widget.liquid dosyasını da içerir — ikinci bir bölüm olarak konum bulma widget'ı (tema, kompakt/tam mod, yükseklik); teslimat sayfaları ve mağaza bulucular için.

Sorun giderme

Bölüm, Bölüm ekle listesinde görünmüyor. Dosya Sections klasöründe olmalı (Snippets veya Assets değil) ve yapıştırdığınız içerik dosyanın tamamı olmalı — {% schema %} bloğu kesildiyse Shopify bölümü reddeder ya da gizler. Dosyanın tamamını yeniden yapıştırıp kaydedin.

Kaydederken “Invalid schema” hatası. Eksik bir yapıştırma söz konusudur — çoğunlukla en alta kadar seçerken bir satır atlandığı için kapanış süslü parantezi eksiktir. Dosyanın tamamını tekrar yapıştırın; Liquid bilmiyorsanız şemayı elle düzenlemeyin.

Harita gri görünüyor. Harita karoları tile.openstreetmap.org adresinden gelir; agresif bir reklam engelleyici veya kurumsal ağ bunları engelleyebilir. Mobil veriyle bir telefondan kontrol edin — müşterileriniz büyük olasılıkla haritayı sorunsuz görüyordur.

Pin kapımın üzerinde değil. Koordinatları oluşturucuda yeniden hazırlayın, pini girişinizin üzerine sürükleyin ve yeni değerleri bölüm ayarlarına yapıştırın.

Düzenlemeler canlı mağazada görünmüyor. Taslak ya da yayımlanmamış bir temayı düzenlemişsiniz — değişikliği yayımdaki temada yapın (ya da düzenlediğiniz temayı yayımlayın). Widget'ın kendisinde önbelleğe alınacak bir şey yoktur.