Site navigasyonunu kolayca oluşturun ve düzenleyin
Sitenizin üst, alt ve yan bölümlerindeki navigasyon menülerini tamamen sizin kontrol edebileceğiniz bir yapı kurguladık. Alt menüler, mega menüler ve mobil menü dahil her şey tek panelden yönetilir.
Site genelinde tutarlı navigasyon ile kolay gezinme
Mobilde hamburger menü ile rahat erişim
Alt menülerle kategorilere hızlı ulaşım
Üst navigasyon öğelerini düzenleyin
Alt navigasyon linklerini yönetin
Yan navigasyon yapısını oluşturun
Mobil cihazlar için özel menü
Menü öğesi eklendiğinde veya sıralama değiştiğinde perde arkasında şunlar gerçekleşir:
MenuItem modeli oluşturulur. Başlık, URL, ikon, hedef (_blank/_self) ve konum (header/footer/sidebar) bilgileri menus tablosuna kaydedilir.
Alt menüler için parent_id ilişkisi kullanılır. Sınırsız derinlikte iç içe menü oluşturulabilir. nested-set algoritması ile hızlı sorgulama sağlanır.
SortableJS ile öğeler sürüklendiğinde Livewire üzerinden order ve parent_id alanları anlık güncellenir.
Menü verileri Redis cache ile önbelleğe alınır. Her değişiklikte menu_cache anahtarı temizlenir, sayfa yenilendiğinde yeni yapı yüklenir.
Frontend'de Alpine.js ile hamburger menü kontrolü yapılır. Mobilde açılır/kapanır menü, masaüstünde yatay menü otomatik geçiş yapar.
is_mega flag'i ile mega menü aktifleştirilir. Alt öğeler sütunlar halinde düzenlenir, özel Blade component ile render edilir.
Site içi yönlendirme sistemi
Kullanıcının sitede gezinmesi için linkler
Mobil cihazlarda üç çizgili menü ikonu
Tıklayınca açılan gizli menü
Geniş açılır menü paneli
Birden fazla kategoriyi tek seferde gösterir
Ana menü altında açılan ikincil menü
Kategorilerin alt kategorilerini gösterir
Sürükle-bırak menü yönetimi