Menü Yönetimi

91 görüntülenme Markdown

Sitenizin header, footer ve mobil menülerini burada kurarsınız: öğeler, sıra, alt menüler ve her dildeki metinler.

Ekrana Erişim

Menüde Site Yönetimi altından Menü Yönetimi sayfasını açın: {admin}/manage-website/menus Adres, açılacak menüyü de taşıyabilir: {admin}/manage-website/menus?type=footer

Ekranda Neler Var

Menü Yapıları Dört menü grubu solda listelenir: Header, Footer, Mobil ve Sidebar. Her biri kendi öğelerini tutar; birini seçip üzerinde çalışırsınız. Menüler arasında geçerken kaydetmediğiniz değişiklikler durur.
Mevcut Menü Öğeleri Seçtiğiniz menünün öğeleri, ziyaretçinin gördüğü sırayla. Her satırda başlık görünür; öğeye sayfa ya da özel URL verdiyseniz hedef adres de yanında yer alır. Solda sürükleme tutamacı, sağda düzenleme ve silme butonu bulunur.
Tümünü Daralt Bütün alt menüleri kapatır, uzun bir menü tek ekrana sığar. Aynı buton sonra Tümünü Genişlet yazar.
Değişiklikleri Kaydet Listenin altında durur; bir şey değiştirene kadar tıklanamaz. Bu butona tıklamadan hiçbir değişiklik kaydedilmez.
Satır rozetleri Bekliyor yeni öğeyi, Düzenlendi değişeni, Silindi kaldırılacak olanı gösterir; üçü de siz kaydedene kadar kalır. Mega, mega menü içeriği taşıyan öğeyi işaretler.

Alanlar

Pencere her site dili için bir sekme taşır. Başlık, adres, açıklama ve etiket metnini her sekmede ayrı yazarsınız; kalan alanlar bütün dilleri kapsar.

Sayfa Seçimi Öğenin açacağı yer: anasayfa, kendi sayfalarınız, ürün grupları, kategoriler ve ürünler. Blog, haber, referans, bilgi bankası ve sözleşme içerikleri, iletişim, sepet, giriş ve kayıt sayfaları ile müşteri panelinin bölümleri de listede yer alır. Kapalı ürün grubu ya da kapalı sistem hedefleri görünmez. Sayfa seçince boş başlık kutuları sayfa adıyla dolar. Kendi adresinizi vermek için Özel URL seçin.
Özel URL Sayfa Seçimi Özel URL kaldığında öğenin açacağı adres. Her dil için ayrı yazarsınız; bir dil başka adrese gidebilir. Sayfa seçtiyseniz bu kutu dikkate alınmaz.
Menü Başlığı Ziyaretçinin menüde okuduğu metin. Her dil sekmesinde doldurun.
Açıklama İsteğe bağlı. Dropdown menülerde başlığın altında görünen kısa satır. Her dil için ayrı.
İkon Kodu Başlığın önünde görünen isteğe bağlı ikon sınıfı, örneğin bi bi-house. Bootstrap Icons ve Font Awesome sınıfları çalışır; tek ikon bütün dillerde geçerli. İkon, dropdown menülerde ve mobil menüde görünür; masaüstü menüsünün üst satırlarında görünmez.
Etiket Metni Başlığın yanında görünen kısa kelime, örneğin YENİ ya da POPÜLER. İsteğe bağlı. Kutusunu boş bıraktığınız dilde etiket görünmez. Etiket, dropdown menüdeki alt satırlarda görünür.
Etiket İkonu Etiket metninin önünde görünen isteğe bağlı ikon sınıfı, örneğin bi bi-fire.
Etiket Arkaplan Rengi Etiket Metni yanındaki soldaki renk seçici. Varsayılanı kırmızı.
Etiket Metin Rengi Sağdaki renk seçici. Varsayılanı beyaz. İki renk ve etiket ikonu bütün diller için ortak.
Yeni Sekmede Aç Seçenekler altında. İşaretlerseniz bağlantıyı yeni tarayıcı sekmesinde açar. Varsayılanı kapalı.
Mega Menüyü Etkinleştir Her dil sekmesindeki HTML alanını açar. Varsayılanı kapalı. İşareti kaldırınca o alana yazdıklarınız silinir.
Mega Menü HTML İçeriği Öğenin altında açılan geniş panel. Bootstrap sınıfları ve kendi HTML içeriğiniz çalışır. Her dil için ayrı.

İşlemler

Menü öğesi ekleme

  1. Soldan üzerinde çalışacağınız menüyü seçin, sonra sağ üstteki Menü Öğesi Ekle butonuna tıklayın.
  2. Açılan pencerede Sayfa Seçimi altından bir sayfa seçin ya da Özel URL seçip adresi yazın.
  3. Her dil sekmesinde Menü Başlığı alanını doldurun, sonra alttaki Menü Öğesi Ekle butonuna tıklayın.
  4. Satır, listenin sonunda Bekliyor rozetiyle görünür. Değişiklikleri Kaydet butonuna tıklayın; öğe menüye kaydedilir.

Sırayı değiştirme ve alt menü kurma

  1. Bir satırı solundaki tutamaçtan tutup listede yeni yerine sürükleyin.
  2. Bir satırı sağa sürüklerseniz üstündeki satır bir alt menü açar ve satır onun altına girer. Üstteki satırın alt menüsü zaten varsa satırı sağa değil, açık alt menü listesinin içine sürükleyin.
  3. Bir alt menü öğesini sola sürüklerseniz bir üst seviyeye çıkar. Menü en fazla üç seviye derinleşir.
  4. Değişiklikleri Kaydet butonuna tıklayın. Yeni sıra, menüyü okuyan temalarda hemen görünür.

Öğe düzenleme ve silme

  1. Satırdaki kalem butonuna tıklayın, gerekeni değiştirin ve Menü Öğesini Güncelle butonuna tıklayın. Satır Düzenlendi rozetini alır.
  2. Silmek için satırdaki çöp kutusu butonuna tıklayın ve açılan pencerede onaylayın. Satır Silindi rozetini alır, kalem butonu geri alma butonuna dönüşür.
  3. Değişiklikleri Kaydet butonuna tıklayın. Düzenlemeler ve silmeler birlikte uygulanır.

Bir öğeye mega menü verme

  1. Öğeyi açın ve Seçenekler altındaki Mega Menüyü Etkinleştir kutusunu işaretleyin.
  2. Panelin HTML içeriğini her dil sekmesindeki Mega Menü HTML İçeriği kutusuna yazın.
  3. Pencereyi Menü Öğesini Güncelle ile kapatın, sonra Değişiklikleri Kaydet butonuna tıklayın. Satırda Mega rozeti görünür.

Dikkat Edilecekler

Değişiklikleri Kaydet'e tıklamadan hiçbir şey kaydolmaz

Ekleme, düzenleme, silme ve sıralama listede rozet olarak bekler. Kaydetmeden ayrılırsanız hepsi kaybolur; tarayıcı önce sizi uyarır.

Menüyü siteye taşıyan temadır

Siteye neyin ulaşacağına tema karar verir. Kurulu temalardan biri gezinmesini kendi yazar; orada öğeler görünmez, Sidebar'ı ise hiçbir tema göstermez. Değişiklik yoksa önce aktif temanızı kontrol edin.

Silme alt menüyü de götürür

Bir satırı sildiğinizde altına yuvalanmış öğeler de silinir. Kaydetmeden önce geri alma butonu satırı geri getirir; kaydettikten sonra öğe ve metinleri kalıcı olarak gider.

Bütün dil sekmelerini gezin

Başlık, adres, açıklama ve etiket metni dile göre değişir. Atladığınız sekme o dilde boş kalır ve öğe o ziyaretçilere metinsiz gider. Varsayılan site dilinin başlığını boş bırakırsanız satır bu listede de boş görünür.

Gerekli Yetkiler

Ekranı açmak site yönetimi erişimiyle gelir. Ekleme, düzenleme, silme ve sıralamayı kaydetmek MANAGE_WEBSITE_OPERATION yetkisini ister.

Faydalı oldu mu?

Geri bildiriminiz için teşekkürler!

Hâlâ Yardıma mı İhtiyacınız Var?

Yukarıda bulamadığınız her şey için destek ekibimiz her zaman yanınızda.

Bize Ulaşın Destek Talebi Oluştur

Oturumunuzu açık tutmak, dil ve para birimi tercihinizi hatırlamak ve siteyi geliştirmek için çerez kullanıyoruz. Çerez Politikası