Online mağazanızda açılır menüler ayarlama

Ürünleri, koleksiyonları veya sayfaları birlikte gruplandırmak ve müşterilerin online mağazanızda gezinmesini kolaylaştırmak için açılır menüleri kullanabilirsiniz. Örneğin, çok sayıda ürününüz varsa bunları koleksiyonlara eklemek ve ardından koleksiyonları düzenlemek için ana menüden bir açılır menü kullanmak isteyebilirsiniz. Bu, müşterilerin aradıkları ürün türlerini bulmalarına yardımcı olabilir.

Ayrıca, açılır menülerde veya varsayılan menülerinizde menü öğeleri ekleyebilir, bunları kaldırabilir ya da düzenleyebilirsiniz.

Shopify yöneticinizdeki İçerik > Menüler bölümünden online mağaza menülerinizi görüntüleyebilir ve değiştirebilirsiniz.

Açılır menüler oluşturmak için menü öğelerini iç içe yerleştirme

Menü öğelerini, üst düzey bir öğenin altına iç içe yerleştirilecek şekilde oluşturarak veya taşıyarak açılır menüler oluşturabilirsiniz. Üst düzey öğe, online mağazanızın ana menüsünde, iç içe yerleştirilmiş menü öğeleri ise bir açılır menüde görüntülenir. Üst düzey öğe, en fazla iki düzey iç içe geçmiş açılır menüye sahip olabilir.

Tüm temalar, iç içe yerleştirilmiş öğeleri ana menüde açılır menüler olarak görüntüler. Bazı temalar ise iç içe yerleştirilmiş öğeleri başka konumlarda açılır menüler olarak görüntüler.

Ana menü ve açılır menüler, temanıza bağlı olarak online mağazanızda farklı konumlarda görüntülenir. Bazı temalar, müşterilerin orada bir açılır menü olduğunu anlamasına yardımcı olmak için ana menüdeki bir açılır menünün adının yanında bir simge görüntüler.

Ana menüden açılır menü ekleme

Ana menüdeki menü öğelerinden herhangi birinden açılır menü ekleyebilirsiniz.

Adımlar:

Altbilgi menüsü entegrasyonu

Açılır menüler, altbilgi menülerinde de uygulanabilir.

Adımlar:

1. Shopify yöneticinizden İçerik > Menüler bölümüne gidin.
2. İsteğe bağlı: simgesine tıklayıp öğeleri yerlerine sürükleyerek açılır menü yapısı oluşturmak için ana menülerde kullanılan iç içe yerleştirme ilkelerinin aynısını izleyin.
3. Bir sayfaya yönlendirmemesi gereken üstbilgi öğeleri (örneğin "Destek" veya "Keşfet" üstbilgileri) için Bağlantı alanına # girin.

Tema uyumluluğuyla ilgili dikkat edilmesi gerekenler

Temanıza açılır menüler eklemeyle ilgili aşağıdaki hususları inceleyin:

• Çoğu tema, en fazla iki düzeyde iç içe açılır menüyü destekler. Uyumluluğu doğrulamak için temanızın belgelerini kontrol edin veya iç içe öğeleri test edin.
• Bazı temalar, mobil kullanılabilirliği artırmak için CSS ayarlamaları gerektirebilir. Tema koduna aşina değilseniz temanızı kişiselleştirmeyin. Temanızı kişiselleştirme hakkında daha fazla bilgi edinin.

Temanızın iç içe açılır menüleri destekleyip desteklemediğini belirleme

Mevcut temanızın, uygulamak istediğiniz maksimum iç içe açılır menü düzeyi sayısını destekleyip desteklemediğini belirlemek için aşağıdaki kaynakları kullanabilirsiniz:

1. Temanızın belgelerini kontrol edin: Menü özellikleri ve desteklenen iç içe yerleştirme düzeyleri hakkında ayrıntılı bilgi için temanızın belgelerini inceleyin.
2. İç içe öğeleri test edin: İstediğiniz iç içe düzey sayısına sahip bir test menüsü yapısı oluşturun ve hem masaüstü hem de mobil cihazlarda doğru görüntülendiğini doğrulayın.

Çoğu tema en fazla iki düzeyde iç içe açılır menüyü destekler. Açılır menülerle ilgili sorun yaşıyorsanız temanızın, uygulamaya çalıştığınız iç içe düzey sayısını desteklediğini doğrulayın. Bazı temalar, birden fazla iç içe yerleştirme düzeyini desteklemek için ek özelleştirme gerektirebilir.

Açılır menüler için en iyi uygulamalar

Tüm cihazlarda iyi çalışan, kullanışlı bir menü yapısı oluşturmak için aşağıdaki en iyi uygulamaları inceleyin:

• # bağlantılarına sahip üst düzey menü öğeleri için "Kategoriye göre alışveriş yap" gibi açıklayıcı etiketler kullanın.
• Menülerin mobil cihazlarda optimize edildiğinden emin olun. Açılır menülerin beklendiği gibi genişlediğini doğrulamak için menüleri mobil cihazlarda test edebilirsiniz.
• Kalabalık bir görünümü önlemek için yedi veya daha az sayıda üst düzey menü öğesi ekleyin.
• Açık ve açıklayıcı bağlantı başlıkları kullanın. Örneğin "Koleksiyonlar" ve "Yazlık elbiseler".
• Her menüde en fazla 10.000 öğe olabilir ve mağazanızda toplamda en fazla 1.000 menü bulunabilir. Açılır menüde alt öğeleri olan her menü öğesi, bu sınıra dahil ayrı bir menü olarak sayılır.

Açılır menü erişilebilirliği

Çoğu tema, açılır menü üstbilgilerini tıklanabilir bağlantılar yerine düğme olarak uygular. Bu, yardımcı teknoloji kullanan müşterilerin gezinme yapısını anlamasına yardımcı olan, kasıtlı bir erişilebilirlik tasarımıdır.

Üst düzey bir menü öğesi bir açılır alt menüyü kontrol ettiğinde, yeni bir sayfaya yönlendiren bir bağlantı olarak değil, menüyü genişleten bir düğme olarak işlev görür. Bu yaklaşım, ekran okuyucu veya diğer yardımcı cihazları kullanan müşterilerin mağazanızın menü sisteminde düzgün bir şekilde gezinebilmesini sağlar.

Müşterilerin bir ana kategori sayfasına (örneğin "Tüm Ürünler" veya "Tüm Koleksiyonlar") erişmesini istiyorsanız bunu, üstbilgiyi tıklanabilir yapmak yerine açılır menünün kendi içindeki ilk öğe olarak ekleyin.

Yaygın sorunları giderme

Gezinme menülerini ayarlarken karşılaşabileceğiniz yaygın sorunlara yönelik aşağıdaki çözümleri inceleyin:

• Mobil menü yönlendirmeleri: Dokunduğunuzda üst düzey bir menü bağlantısı yeni bir sayfaya yönlendiriyorsa Shopify yöneticinizdeki menüyü kontrol ederek menü bağlantısı alanının # olduğunu doğrulayın.

• Görünürlük sorunları: İç içe öğeler görüntülenmiyorsa Menüler arayüzünde bunların tamamen üstbilgi öğesinin altına sürüklendiğinden ve girintili olduğundan emin olun. Temanızın, ayarladığınız iç içe düzey sayısını desteklediğini doğrulayın.

• Tema uyumluluğu: Açılır menülerle ilgili sorun yaşıyorsanız temanızın, uygulamaya çalıştığınız iç içe düzey sayısını desteklediğini doğrulayın. Bazı temalar, birden fazla iç içe yerleştirme düzeyini desteklemek için ek özelleştirme gerektirebilir.

• İç içe menü oluşturma engellendi: "Menu cannot contain nested menus. Opt in the nested navigation feature to use this" hatasıyla karşılaşırsanız mağazanızda iç içe gezinme özelliğinin etkinleştirilmesi gerekebilir. Bu durum genellikle 2018'den önce oluşturulan mağazaları etkiler. Bu hatayla karşılaşırsanız Shopify Destek ekibiyle iletişime geçin.

• Yanlış menü görüntüleniyor: Aynı sayfaya (örneğin ana sayfanıza) yönlendiren birden fazla gezinme bağlantınız varsa temanız yanlış alt menüyü görüntüleyebilir. Karışıklığı önlemek için her bir gezinme bölümünün benzersiz bir sayfaya bağlandığından emin olun.

• Menü öğeleri kayboluyor: Menü bağlantıları silinmediği halde kayboluyorsa menü öğelerinin bağlandığı ürünleri, koleksiyonları veya sayfaları silip silmediğinizi kontrol edin. Bağlantılı kaynağın silinmesi menü öğesini de kaldırır.

Açılır menüler için tema kodunu özelleştirme

Daha derin özelleştirme gerektiren temalar için tema kodunuzu özelleştirmeyi düşünebilirsiniz.