Mağaza bulucu

Adres, çalışma saatleri, telefon ve Google Haritalar, Apple Haritalar ya da OpenStreetMap yol tarifi bağlantısıyla mağaza kartları ve şehir filtresi. API yok.

Kategori
Navigasyon ve yardımcı bölümler
Kullanım yeri
İletişim, Satış noktaları, Hakkımızda
Okuduğu veri
Yalnızca içerik
Boyut
24 KB, küçük bir betik içerir
Lisans
MIT, müşteri işlerinde ücretsiz

Kısaca

Mağaza bulucu, mağazalarınızı, satış noktalarınızı ya da showroom’larınızı fotoğraf, adres, çalışma saatleri, telefon, e-posta, kısa bir not ve "Yol tarifi al" bağlantısıyla kartlar halinde listeleyen ücretsiz bir Shopify bölümüdür. Bağlantı, adresi Google Haritalar, Apple Haritalar ya da OpenStreetMap’te açar ya da yapıştırdığınız harita bağlantısını kullanır; ücret ödeyeceğiniz ya da sayfaya yüklenen bir harita API’si, anahtar veya gömülü harita yoktur. Mağazalarınız birden fazla şehirdeyse bir şehir filtresi belirir ve kaç mağazanın gösterildiğini bildirir. Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

  • Birden fazla mağazası olan markalar için Bizi ziyaret edin ya da Mağazalar sayfası
  • Ürünlerinizi satan dükkânları şehre göre listeleyen bir satış noktaları sayfası
  • İletişim sayfasında, çalışma saatleriyle birlikte showroom ya da mağazadan teslim alma noktaları

Tema düzenleyicide

  • Başlık (H1–H3 ya da paragraf etiketi, üç boyut) ve giriş metni
  • Mağaza blokları: ad, şehir, adres, çalışma saatleri, telefon, e-posta, not, kendi harita bağlantısı, görsel ve mobil görsel
  • Şehir filtresi: etiket, tüm şehirler seçeneği ve sonuç mesajı; her kartta şehir adı
  • Google Haritalar, Apple Haritalar ya da OpenStreetMap bağlantıları, bağlantı metni, ekran okuyucu bildirimli yeni sekme
  • Masaüstünde sütun sayısı (1–4), düz ya da kart stili, görsel biçimi, sayfa ya da tam genişlik, cihaza göre başlık hizalaması
  • Arka plan rengi ya da gradyanı, metin, vurgu, vurgu üzerindeki metin ve kart renkleri
  • Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), kaydırınca belirme

Dosyalar

sections/lib-store-locator.liquid
İndir
Kodu görün

lib-store-locator.liquid dosyasını açın

snippets/lib-image.liquid
İndir
Kodu görün

lib-image.liquid dosyasını açın

Sade Liquid, CSS ve küçük bir betikle yazıldı. Uygulama da bağımlılık da yok.

Temanıza nasıl eklenir

  1. Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
  2. Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
  3. Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.

Sık sorulan sorular

Google Maps API anahtarı gerekiyor mu?
Hayır. Gömülü bir harita yoktur. Her mağazanın "Yol tarifi al" bağlantısı, adını ve adresini Google Haritalar, Apple Haritalar ya da OpenStreetMap’te aratır ya da bloğa yapıştırdığınız paylaşım bağlantısını müşterinin kendi harita uygulamasında açar.
Şehir filtresi nasıl çalışıyor?
Şehirler, mağaza bloklarınızın Şehir alanından gelir. İki ya da daha fazla farklı şehir varsa etiketli bir açılır liste çıkar; bir şehir seçildiğinde diğer mağazalar gizlenir ve "3 mağazadan 2’si" gibi bir durum satırı duyurulur. JavaScript kapalıysa tüm mağazalar görünür.
Kaç mağaza ekleyebilirim?
En çok 30 mağaza bloğu. Yüzlerce satış noktanız varsa mesafeye göre arama yapan özel bir mağaza bulucu uygulaması daha doğru bir seçim olur.
Müşteriler karttan mağazayı arayabilir ya da e-posta gönderebilir mi?
Evet. Telefon numarası tel: bağlantısına, e-posta da mailto: bağlantısına dönüşür; ikisi de yalnızca doldurduğunuzda görünür.

Yayınlamadan önce

  • Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
  • Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
  • Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.

Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.

Geliştirmek istediğiniz bir şey mi var? Gelin, birlikte konuşalım.

Aynı anda sınırlı sayıda proje alıyoruz.

Gencer KarakayaShopify mühendisi

Proje özetinizi bir mühendis okur; size e-postayla yanıt veririz.