İçeriğe geç
GloboGlobo Docs
Uygulamayı yükle
Türkçe

Mobil alt gezinme çubuğu

Müşterileriniz için hızlı bağlantılar ve işlemler içeren, uygulama benzeri sabit bir simge çubuğu ekleyin.

Nasıl yapılır kılavuzu Pro Navigation 8 dk okuma

Çubuk, bir mobil uygulamanın sekme çubuğu gibi müşteriler sayfayı kaydırırken ekranda kalır ve ana sayfaya, menüye, sepete, aramaya, sohbete veya telefon aramasına tek dokunuşla erişim sağlar. Bir öğe ayrıca küçük bir alt menü açabilir; örneğin hesap, iletişim ve SSS bağlantılarını içeren bir Daha fazla öğesi.

Alt çubuk düzenleyicisi: ayar sekmeleri (1) ve canlı önizleme (2). Önizleme cihazını önizlemenin sol altındaki düğmelerle değiştirin.

Ayar sekmeleri Menü öğeleri, Genel, Tipografi, Renkler, Konum, Gelişmiş ve Sürüm geçmişi’dir.

Bir alt çubuk oluşturun

  1. Çubuğu oluşturun

    Uygulamanın Ana sayfa’sında Alt gezinme ekle’ye tıklayın ya da Menü yöneticisi’nde Menü oluştur’a tıklayıp Mobil alt çubuk’u seçin.

    Ana sayfa: (1) menü oluşturmak veya içe aktarmak için hızlı işlemler, (2) uygulama yerleştirmesini etkinleştiren düğme

  2. Öğeleri ayarlayın

    Menü öğeleri bölümünde varsayılan öğeleri düzenleyin ve kendi öğelerinizi ekleyin. Bkz. Öğe ekleyin ve düzenleyin.

    Alt çubuk düzenleyicisi: ayar sekmeleri (1) ve canlı önizleme (2). Önizleme cihazını önizlemenin sol altındaki düğmelerle değiştirin.

  3. Çubuğa stil verin

    Genel, Tipografi ve Renkler sekmelerini ayarlayın. Bkz. Çubuğu biçimlendirin.

    Alt menü konumu ve açılma stili dahil genel ayarlar.

  4. Nerede görüneceğini seçin

    Konum bölümünde cihazları ve ekrandaki konumu seçin. Bkz. Çubuğun nerede görüneceğini seçin.

    Çubuğu mobil (1) ve masaüstü (2) için açın, ardından bir konum seçin.

  5. Kaydedin ve yayınlayın

    Kaydet’e, ardından sağ üstteki Yayınla’ya tıklayın. Bkz. Çubuğu yayınlayın.

Öğe ekleyin ve düzenleyin

  1. Öğe işlemlerini gösterin

    Menü öğeleri bölümünde Düzenle, Çoğalt ve Sil seçeneklerini göstermek için bir öğenin üzerine gelin. Bir öğeyi yeniden sıralamak için tutamacından sürükleyin.

    Bir öğeyi düzenlemek, çoğaltmak veya silmek için üzerine gelin.

  2. Öğe ve alt menü ekleyin

    O seviyeye bir öğe eklemek için Öğe ekle’ye, bir öğenin altına iç içe öğeler eklemek için o öğedeki Alt menü ekle’ye tıklayın. İç içe öğeler en fazla üç seviyeye kadar bir alt menü olarak açılır.

  3. Simgeyi, başlığı ve bağlantıyı ayarlayın

    Menü öğesini düzenle’yi açmak için Düzenle’ye tıklayın. Bir Simge seçin (Değiştir’e tıklayın), bir Başlık girin, ardından Bağlantı alanına tıklayın.

    Öğenin işlemini seçmek için Bağlantı alanına tıklayın.

  4. Bir işlem seçin

    Bağlantıyı seç penceresinde bir işlemin yanındaki Seç’e (1) tıklayın. Bağlantı kutusu (2) bağlantının başlangıcını alır; örneğin Koleksiyona göre ürünler için /collections/. Bağlantıyı Sözdizimi sütununda gösterildiği gibi tamamlayın (örneğin /collections/summer-sale) ve Güncelle’ye (3) tıklayın.

    Seç'e tıklayın (1), bağlantıyı tamamlayın (2), ardından Güncelle'ye tıklayın (3).

Öğe ayarları

Simge
Bir simge seçmek veya görsel yüklemek için Değiştir’e tıklayın.
Başlık
Simgenin altındaki metin.
Bağlantı
Dokunulduğunda ne olacağı. Bağlantıyı seç’i açmak için tıklayın (bkz. Öğe işlemleri).
Yeni sekmede aç
Bağlantıyı yeni bir tarayıcı sekmesinde açar.
Açıklama
Öğeyle birlikte gösterilen isteğe bağlı kısa metin.
Simge boyutu
Piksel cinsinden simge boyutu.
Kutu > Köşe yarıçapı
Öğe kutusunun köşelerini yuvarlar, 0 ile 100 piksel arası.
Kutu > Kutu iç boşluğu
Öğe kutusunun içindeki boşluk, 0 ile 100 piksel arası.
Kutu > Konum
Öğeyi sola (negatif) veya sağa (pozitif) kaydırır, -100 ile 100 piksel arası.
Renk
Yalnızca bu öğe için metin, simge, simge arka planı ve arka plan renkleri; her biri bir üzerine gelme rengiyle. Ayarları temizle çubuğun renklerine geri döner.
Rozet
Öğe üzerinde Başlık, Rozet metin rengi ve Rozet arka plan rengi olan küçük bir etiket.
Görünürlük
Öğeyi bazı cihazlarda veya bazı müşteriler için gizler ya da yalnızca iki tarih arasında gösterir. Bkz. Görüntüleme kuralları.
Gelişmiş
Ekstra sınıf adı, özel CSS için bir CSS sınıfı ekler. Böl, öğenin yanına bir ayırıcı çizgi ekler.

Öğe işlemleri

Bağlantıyı seç, işlemleri sekiz bölümde gruplar. Bir örnek görmek için işlemin yanındaki bilgi simgesine tıklayın.

1. Mağazanızın dahili sayfalarına bağlantı verin
Tam kısa URL /[your-url], Ana sayfa /, Tüm ürünler /collections/all, Koleksiyona göre ürünler /collections/[collection-handle], Bir ürün ayrıntısı /products/[your-product-shorturl], Tüm blog yazıları /blogs/news, Bir blog yazısı ayrıntısı /blogs/news/[your-blog-shorturl], Bir sayfa ayrıntısı /pages/[your-page-shorturl], Sepet sayfası /cart, Arama sayfası /search, İletişim formu /pages/contact.
2. Panelleri açın (popüler temalarla uyumludur)
Menüyü aç (mobil) gm-open:MobileMenu, Sepeti aç gm-open:Cart, Aramayı aç gm-open:Search.
3. Diğer uygulamaları açın (örneğin Shopify Inbox...)
Sohbet kutusunu aç gm-open:Inbox, Shopify Inbox sohbetini açar.
4. Sayfada kaydır
En üste kaydır gm-scroll:Top, En alta kaydır gm-scroll:Bottom, Sayfadaki bir öğeye kaydır gm-scroll:OnPage(htmlElement).
5. JavaScript fonksiyonunu çağır
gm-javascript:Function, sitenizde bir JavaScript fonksiyonu çalıştırır.
6. Destek araçları
Telefon araması yap tel:, SMS mesajı gönder sms:, E-posta gönder mailto:, Messenger, Whatsapp, Telegram, Line veya Zalo ile sohbet et.
7. Paylaş
Geçerli URL’yi kopyala gm-share:CopyUrl, Facebook’ta paylaş gm-share:Facebook, X’te (Twitter) paylaş gm-share:X.
8. Harici web sitelerine bağlantı
Tam URL (herhangi bir tam web adresi), Yönlendirme yapma #.
2 ile 4 arası bölümler: panel açma, diğer uygulamalar ve kaydırma.
5 ve 6. bölümler: JavaScript ve destek araçları.
7 ve 8. bölümler: paylaşım ve harici bağlantılar.

Örnekler:

  • gm-scroll:Top(150): 150 piksel boşluk bırakarak en üste kaydırır.
  • gm-scroll:OnPage(#page-title): Kimliği page-title olan öğeye kaydırır.
  • tel:+0123456789: Bu numarayı arar.
  • sms:+012345678?body=I need help: Metni doldurulmuş bir SMS açar.
  • https://wa.me/0123456789: Bir WhatsApp sohbeti açar. Ülke kodunu + olmadan kullanın.

Çubuğu biçimlendirin

Alt menü konumu ve açılma stili dahil genel ayarlar.

Ana menü (Seviye 1)

Menü köşe yuvarlaklığı
Çubuğun köşe yarıçapı, 0 ile 50 piksel arası.
Öğe aralığı
Öğeler arasındaki boşluk, 0 ile 50 piksel arası.
Yatay iç boşluk · Dikey iç boşluk
Her öğenin içindeki yatay ve dikey boşluk, 0 ile 100 piksel arası.
Kutu gölgesini kullan
Çubuğun çevresine bir gölge ekler.

Alt menü (Seviye 2, 3)

Alt menü konumu
Sol, Sağ, Orta veya Tam genişlik.
Alt menü açılma stili
Açılır menü veya Kayan panel.
Alt menü genişliği
100 ile 900 piksel arası.
Yatay iç boşluk · Dikey iç boşluk
Her alt menü öğesinin içindeki yatay ve dikey boşluk, 0 ile 100 piksel arası.

Simge ve metin

Simge boyutu · Alt menü simgesi boyutu
Çubuk ve alt menüleri için simge boyutları, 0 ile 100 piksel arası.
Ana menü boşluğu: metin - simge · Alt menü boşluğu: metin - simge
Simge ile metin arasındaki boşluk, 0 ile 50 piksel arası.

Gelişmiş

Menü metnini gizle
Çubukta yalnızca simgeler.
Alt menü metnini gizle
Alt menülerde yalnızca simgeler.
Alt menü açıklamasını gizle
Alt menülerde öğe açıklamalarını gizler.

Çubuğun nerede görüneceğini seçin

  1. Cihazları seçin

    Konum bölümünde Mobilde görüntüle (1), Masaüstünde görüntüle (2) veya ikisini birden açın.

    Çubuğu mobil (1) ve masaüstü (2) için açın, ardından bir konum seçin.

  2. Bir konum seçin

    Her anahtarın altında bir düzene tıklayın:

    • Mobil: Alt, Üst, Orta sol, Orta sağ, Sol alt veya Sağ alt.
    • Masaüstü: Alt orta, Sol alt, Sağ alt, Alt tam genişlik, Orta sol veya Orta sağ.

  3. Kaydırırken gizleyin (isteğe bağlı)

    Müşteri aşağı kaydırırken çubuğun içeriği kapatmaması için Aşağı kaydırırken gizle’yi seçin.

Gelişmiş ayarlar

Pazar kullanılabilirliği
Çubuğu yalnızca seçili pazarlarda gösterir. Bkz. Menüleri pazara göre gösterin.
Menü z-indeksi
Katman sırası. Başka öğeler çubuğu kapatıyorsa yükseltin; çubuk açılır pencereleri kapatıyorsa düşürün.
Menü opaklığı
Çubuğun saydamlığı, %0 ile %100 arası.
Alt kenar boşluğu
Çubuk ile ekranın altı arasındaki boşluk.
Stil Sayfası / CSS
Çubuk için özel CSS.
JavaScript
Çubuk için özel JavaScript.

Görüntüleme kuralları

Nerede Ayar Etki
Konum sekmesi Mobilde görüntüle, Masaüstünde görüntüle Çubuğun tamamını cihaza göre gösterir veya gizler.
Gelişmiş sekmesi Pazar kullanılabilirliği Çubuğun tamamını yalnızca seçili pazarlarda gösterir.
Öğe > Görünürlük Masaüstünde gizle, Mobilde gizle Bir öğeyi bir cihazda gizler.
Öğe > Görünürlük Oturum açıldığında gizle, Yalnızca oturum açıldığında göster Bir öğeyi yalnızca misafirlere veya yalnızca oturum açmış müşterilere gösterir.
Öğe > Görünürlük Yayını planla Bir öğeyi yalnızca Başlangıç tarihi ile Bitiş tarihi arasında gösterir.

Çubuğu yayınlayın

  1. Yayınlayın

    Kaydet’e, ardından sağ üstteki Yayınla’ya tıklayın, temayı seçin ve onaylayın. Pencere, bir mega menüdeki gibi çalışır (bkz. Bir menüyü yayınlayın). Durum Taslak’tan Aktif’e geçer.

    Menüyü yayınla penceresi: (1) Tema seçin, (2) Önizleme ve Yayınla

  2. Mağazanızı kontrol edin

    Mağazanızı bir telefonda veya dar bir tarayıcı penceresinde açın.

Değiştirin veya kaldırın

  • Mağazanızdan kaldırın: Düzenleyicinin üstündeki Devre dışı bırak’a tıklayın.
  • Önceki bir sürümü geri yükleyin: Sürüm geçmişi sekmesini açın. Bkz. Sürüm geçmişi.

Sorun giderme

Çubuk mağazamda görünmüyor

Çubuk, tüm menüler gibi uygulama yerleştirmesi üzerinden yüklenir. O temada uygulama yerleştirmesinin açık olduğundan emin olun; bkz. Uygulama yerleştirmesini etkinleştirin.

Bir panel açma işlemi hiçbir şey yapmıyor

Panel açma işlemleri temanızın kendi menü çekmecesini, sepet çekmecesini veya aramasını açar; bu nedenle popüler temalarla çalışır. Sizin temanızda hiçbir şey olmuyorsa bunun yerine sayfaya bağlantı verin (örneğin Sepet sayfası /cart) veya bize ulaşın.

Çubuk bir sohbet düğmesiyle veya çerez başlığıyla çakışıyor

Gelişmiş sekmesinde Alt kenar boşluğu’nu yükseltin veya Menü z-indeksi’ni değiştirin ya da Konum sekmesinde başka bir konum seçin.

Bu sayfa yardımcı oldu mu?

Sorun bildir