Özel bir menü konumu ekleyin

Nasıl yapılır kılavuzu Tüm planlar 2 dk okuma

Temanızda menüyü istediğiniz yerde bir menü öğesi yoksa veya başlığı diğer Konum seçenekleri için fazla özelleştirilmişse kullanın. Tema koduna boş bir kapsayıcı eklersiniz, ardından Menüyü bu CSS seçicisinde göster seçeneğini ona yönlendirirsiniz.

Dikkat

Kodu düzenlemeden önce temanızı çoğaltın (Online Mağaza > Temalar > … > Kopyasını oluştur). Kod konusunda kendinizi rahat hissetmiyor musunuz? Bize ulaşın, menüyü sizin için ücretsiz kuralım.

Kapsayıcıları ekleyin ve uygulamayı onlara yönlendirin

1. Tema kodunu açın

   Online Mağaza > Temalar bölümüne gidin, temada … simgesine tıklayın ve Kodu düzenle’yi seçin.

2. Menü kapsayıcılarını ekleyin

   Her menünün görünmesi gereken yere boş bir kapsayıcı yapıştırın, ardından Kaydet’e tıklayın. Herhangi bir kimlik (ID) kullanılabilir; bunlar örnektir:

   <div id="GloboDesktopMenu"></div>
   <div id="GloboMobileMenu"></div>

   • Masaüstü: Genellikle başlık bölümü dosyasında (örneğin sections/header.liquid), navigasyonun olması gereken yerde.
   • Mobil: Genellikle temanızın menü çekmecesi dosyasında veya layout/theme.liquid içinde.

3. Kapsayıcıları uygulamaya girin

   Menü düzenleyicide Ayarlar sekmesini açın ve Konum altında Menüyü bu CSS seçicisinde göster’i seçin. Ana menünüzün CSS seçicisi alanına #GloboDesktopMenu, Mobil menünüzün CSS seçicisi alanına #GloboMobileMenu girin.

   

   Kapsayıcı kimliklerinizi iki CSS seçicisi alanına girin

4. Kaydedin, yayınlayın ve kontrol edin

   Kaydet’e tıklayın, ardından menüyü yayınlayın. Mağazanızı masaüstünde ve mobilde kontrol edin.

Bilmeniz gerekenler

• Yalnızca tek düzen: Tek bir kapsayıcı ekleyin ve diğer alanı boş bırakın.
• Mevcut içerik değiştirilir: Uygulama her kapsayıcıyı doldurur ve içindeki her şeyin yerini alır.
• Temanızın menüsü kalır: İkisinin birden görünmesini istemiyorsanız onu kodda veya tema ayarlarında gizleyin ya da kaldırın.
• Tema bazında: Kod düzenlemeleri yalnızca düzenlediğiniz temaya uygulanır. Temanızı değiştirir veya güncellerseniz kapsayıcıları yeniden ekleyin.

Sorun giderme

Mobil menü görünmüyor

Temanız çekmecesini daha sonra JavaScript ile oluşturuyor olabilir. Mobil kapsayıcıyı layout/theme.liquid gibi sayfada her zaman bulunan bir koda taşıyın.

Hiçbir şey görünmüyor

Bu temada uygulama yerleştirmesinin açık olduğundan emin olun. Tarayıcı konsolunuzda document.querySelector('#GloboDesktopMenu') komutunun kapsayıcınızı bulduğunu kontrol edin.

İlgili sayfalar

• Menüyü bir CSS seçicisinde gösterinCSS seçicilerini girerek menüyü temanızın tam olarak belirlediğiniz öğelerine yerleştirin.
• Bir menüyü yayınlayınMenünüzü bir temada yayınlayın ve mağazanızda nerede görüneceğini seçin.
• Özel CSSMenünün görünümüne ince ayar yapmak için kendi CSS'inizi ekleyin.

Bu sayfa yardımcı oldu mu?

Sorun bildir