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

Ürünleri, koleksiyonları veya sayfaları gruplamak 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 ekleyebilir ve ardından koleksiyonları düzenlemek için ana menüden açılır menüyü kullanabilirsiniz. Böylece müşteriler aradığı türde ürünleri daha kolay bulabilir.

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

Not

Altbilgi menülerinde yalnızca üst düzey öğeler gösterilebilir. Açılır menüler, online mağazanızın altbilgi bölümünde kullanılamaz.

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

Not

Genellikle, bir ürüne bağlantı verebilmek için ürünü oluşturmanız gerekir. Örneğin, bir koleksiyonu bir menüye ekleyebilmek için önce koleksiyonu oluşturmanız gerekir.

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

Menü öğelerini, üst düzey bir öğenin altında iç içe geçecek şekilde oluşturarak veya taşıyarak açılır menüler oluşturabilirsiniz. En üst düzeydeki öğe online mağazanızdaki ana menüde, iç içe geçmiş menü öğeleri ise bir açılır menüde görünür. Üst düzey öğede en fazla iki adet iç içe geçmiş açılır menü düzeyi bulunabilir.

Tüm temalarda, iç içe geçmiş öğeler ana menüden açılır menü olarak gösterilir. Bazı temalarda, iç içe geçmiş öğeler başka konumlarda da açılır menü olarak gösterilir.

Ana menü ve açılır menüler, temaya bağlı olarak online mağazanızda farklı konumlarda görüntülenebilir. Bazı temalarda, açılır menünün adının yanında bir simge gösterilerek müşterilerin burada bir açılır menü olduğunu fark etmesi sağlanır.

Not

Online mağazanızdaki menü düzeylerinden üçünü de gösterecek şekilde temanızı güncellediğinizden emin olun.

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

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

Adımlar:

Masaüstü

1. Shopify yöneticinizde İçerik > Menüler bölümüne gidin.

2. Ana menünüzün adına tıklayın.

3. Açılır menünüzün üstbilgisi olması için ana menü öğelerinden birini seçin veya yeni bir menü öğesi ekleyin. Üstbilgi bölümünde herhangi bir bağlantı olmasını istemiyorsanız üstbilgi menü öğesi için Bir bağlantıyı arayın veya yapıştırın alanına # karakterini girin.

4. Açılır menüye dahil edilecek bir menü öğesi eklemek için aşağıdakileri yapın:

   1. Menü öğesi ekle'ye tıklayın.
   2. Ad alanına menü öğeniz için bir ad girin.
   3. Bir bağlantıyı arayın veya yapıştırın alanına menü öğeniz için bir hedef girin veya bir hedefi seçin.

5. Ekle'ye ve simgesine tıklayın, ardından menü öğesini sürükleyerek üstbilgi menü öğesinin altına ekleyin.

6. Menüyü kaydet'e tıklayın.

iPhone

1. Shopify uygulamasında düğmesine dokunun.

2. İçerik > Menüler'e dokunun.

3. Ana menünüzün adına dokunun.

4. Açılır menünüzün üstbilgisi olması için ana menü öğelerinden birini seçin veya üstbilgi olacak yeni bir menü öğesi ekleyin. Üstbilgi bölümünde herhangi bir bağlantı olmasını istemiyorsanız üstbilgi menü öğesi için Bir bağlantıyı arayın veya yapıştırın alanına # karakterini girin.

5. Açılır menüye dahil edilecek bir menü öğesi eklemek için aşağıdakileri yapın:

   1. Menü öğesi ekle'ye dokunun.
   2. Ad alanına menü öğeniz için bir ad girin.
   3. Bir bağlantıyı arayın veya yapıştırın alanına menü öğeniz için bir hedef girin veya bir hedefi seçin.

6. Ekle'ye ve simgesine dokunun, ardından menü öğesini sürükleyerek üstbilgi menü öğesinin altına ekleyin.

7. Kaydet'e dokunun.

Android

1. Shopify uygulamasından düğmesine dokunun.

2. İçerik > Menüler'e dokunun.

3. Ana menünüzün adına dokunun.

4. Açılır menünüzün üstbilgisi olması için ana menü öğelerinden birini seçin veya üstbilgi olacak yeni bir menü öğesi ekleyin. Üstbilgi bölümünde herhangi bir bağlantı olmasını istemiyorsanız üstbilgi menü öğesi için Bir bağlantıyı arayın veya yapıştırın alanına # karakterini girin.

5. Açılır menüye dahil edilecek bir menü öğesi eklemek için aşağıdakileri yapın:

   1. Menü öğesi ekle'ye dokunun.
   2. Ad alanına menü öğeniz için bir ad girin.
   3. Bir bağlantıyı arayın veya yapıştırın alanına menü öğeniz için bir hedef girin veya bir hedefi seçin.

6. Ekle'ye ve simgesine dokunun, ardından menü öğesini sürükleyerek üstbilgi menü öğesinin altına ekleyin.

7. ✓ düğmesine dokunun.

Not

Temanın Üstbilgi bölümündeki ayarları düzenleyerek çoğu tema için varsayılan ana menüyü değiştirebilirsiniz.

Altbilgi menüsü entegrasyonu

Açılır menüler altbilgi menülere de eklenebilir.

Adımlar:

1. Shopify yöneticinizde İçerik > Menüler bölümüne gidin.
2. İsteğe bağlı: Açılır menü oluştururken ana menülerde geçerli olan iç içe yerleştirme kurallarını izleyebilirsiniz. Örneğin, açılır menü yapısı oluşturmak için menü öğelerini seçeneğine tıklayarak üstbilgi öğesinin altına taşımanız yeterlidir.
3. Bir sayfaya yönlendirilmemesi gereken üstbilgi öğeleri (ör. "Destek" veya "Keşfet" başlıkları) için Bağlantı alanına # karakteri girin.

Tema uyumluluğu ile ilgili dikkat edilmesi gerekenler

Temanıza açılır menüler eklerken aşağıdaki hususlara dikkat edin:

• Çoğu tema, en fazla iki seviyeli iç içe yerleştirilmiş açılır menü yapısını destekler. Temanızın belgelerini kontrol edin veya iç içe yerleştirilmiş öğeleri test ederek uyumluluğu doğrulayın.
• Bazı temalarda, mobil kullanım kolaylığını artırmak için CSS düzenlemeleri gerekebilir. Tema kodlarına 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 geçmiş açılır menüleri destekleyip desteklemediğini belirleme

Kullandığınız temanın uygulamak istediğiniz maksimum iç içe açılır menü seviyesini destekleyip desteklemediğini belirlemek için aşağıdaki kaynaklardan yararlanabilirsiniz:

1. Temanızın belgelerini kontrol edin: Menü özellikleri ve desteklenen iç içe geçme düzeylerine ilişkin ayrıntılar için tema belgelerini inceleyin.

2. İç içe ögeleri test edin: Belirlediğiniz sayıda iç içe seviyeye sahip bir test menüsü oluşturun ve masaüstü ile mobil cihazlarda doğru şekilde görüntülenip görüntülenmediğini doğrulayın.

Çoğu tema, en fazla iki seviyeli iç içe yerleştirilmiş açılır menü yapısını destekler. Açılır menülerde sorun yaşıyorsanız temanızın, uygulamayı denediğiniz iç içe seviye sayısını desteklediğinden emin olun. Bazı temalar, birden fazla iç içe menü seviyesini desteklemek için ek kişiselleştirmeler gerektirebilir.

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

Tüm cihazlarda sorunsuz çalışan, kullanışlı bir menü yapısı oluşturmak için aşağıdaki en iyi uygulamaları gözden geçirin.

• # bağlantılı üst seviye menü öğeleri için "Kategoriye Göre Alışveriş" gibi açıklayıcı etiketler kullanın.

• Menülerin mobil cihazlara göre optimize edildiğinden emin olun. Açılır menülerin beklenen şekilde genişleyip genişlemediğini mobil cihazlarda test edebilirsiniz.

• Arayüzü sade tutmak için yedi veya daha az üst seviye menü öğesi ekleyin.

• Net ve açıklayıcı bağlantı başlıkları kullanın. Örneğin "Koleksiyonlar" ve "Yazlık elbiseler".

Yaygın sorunları giderme

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

• Mobil menü yönlendirmeleri: Üst seviye menü bağlantısına dokunduğunuzda doğrudan yeni bir sayfaya yönlendiriyorsa Shopify yöneti panelinizde bu bağlantı alanının # olarak ayarlandığından emin olun.

• Görünürlük sorunları: İç içe yerleştirilmiş öğeler görünmüyorsa bunların üstbilgi öğesinin tam altına sürüklendiğinden ve Menüler arayüzünde girintili biçimde yerleştirildiğinden emin olun. Temanızın ayarladığınız iç içe seviye sayısını desteklediğini doğrulayın.

• Tema uyumluluğu: Açılır menülerle ilgili sorun yaşıyorsanız temanızın uygulamak istediğiniz iç içe menü seviyesini destekleyip desteklemediğini kontrol edin. Bazı temalar, birden fazla iç içe seviyeyi desteklemek için ek kişiselleştirme gerektirebilir.

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

Daha gelişmiş kişiselleştirmeler gerektiren temalar için tema kodlarını kişiselleştirmeyi düşünebilirsiniz.

Dikkat

Tema kodunuzu yalnızca Liquid, HTML, CSS ve JavaScript konularında deneyim sahibiyseniz kişiselleştirin. Hatalı değişiklikler mağazanızın işlevselliğini bozabilir.