Forumda yok diye biliyorum. Öğrendiğim küçük bir detayı sizlerle paylaşayım istedim.
Amacımız : Navigasyon Menüsü - Üst Menüye Yeni Sekme ve Ikon ilavesi
Yeni Sekme- Menü İlavesi:
Bu kısmı zaten çoğumuz biliyoruz ama yine de paylaşalım.
Yönetim Paneli - Kurulumlar - Navigasyon Yöneticisi düğmesine tıklayıp, sağ üst köşede Navigasyon ekle ile istediğimiz Menü ve alt menülei ilave ediyoruz. Örneğin ben şöyle bir şey ilave ettim.
Yeni Menülere Ikon ilavesi : Bildiğim kadarı ile AP tarafında bunu hazır şekilde yapma imkanı yok. Bunun için kod ilavesi yapmamız gerekiyor. Kullandığım temaya ait forumda paylaşılan şu kodlar benim işimi gördü.
İkon görülmesini istediğiniz temanın "Extra.less" dosyasını buluyoruz ( Admin->Görünüm ve Diller ->Şablonlar -> "extra.less" diye aratıyoruz
Şu kodu ilave ediyoruz. (Benim ilave ettiğim Yeni menünün ID tanımı : "extralink" )
Kullandığım temadaki ikonların tümü "Material Design Icons". Eğer siz de kendinize uygun olan bir tane seçmek isterseniz, şu siteye bakabilirsiniz. Yukarıdaki kodda yer alan "'\f095" kısmını değiştiriyoruz.
Material Design Icons
Amacımız : Navigasyon Menüsü - Üst Menüye Yeni Sekme ve Ikon ilavesi
Yeni Sekme- Menü İlavesi:
Bu kısmı zaten çoğumuz biliyoruz ama yine de paylaşalım.
Yönetim Paneli - Kurulumlar - Navigasyon Yöneticisi düğmesine tıklayıp, sağ üst köşede Navigasyon ekle ile istediğimiz Menü ve alt menülei ilave ediyoruz. Örneğin ben şöyle bir şey ilave ettim.
Yeni Menülere Ikon ilavesi : Bildiğim kadarı ile AP tarafında bunu hazır şekilde yapma imkanı yok. Bunun için kod ilavesi yapmamız gerekiyor. Kullandığım temaya ait forumda paylaşılan şu kodlar benim işimi gördü.
İkon görülmesini istediğiniz temanın "Extra.less" dosyasını buluyoruz ( Admin->Görünüm ve Diller ->Şablonlar -> "extra.less" diye aratıyoruz
Şu kodu ilave ediyoruz. (Benim ilave ettiğim Yeni menünün ID tanımı : "extralink" )
Kod:
<xf:comment> Nav Menu Yararli Link ikon ilavesi </xf:comment>
.p-navEl-link[data-nav-id="extralink"]::before {
font-family: FontAwesome !important;
content: '\f095' !important;
}Kullandığım temadaki ikonların tümü "Material Design Icons". Eğer siz de kendinize uygun olan bir tane seçmek isterseniz, şu siteye bakabilirsiniz. Yukarıdaki kodda yer alan "'\f095" kısmını değiştiriyoruz.
Material Design Icons
Ekli dosyalar
Son düzenleme:
