Öncelikle Panelden Görünüm->Temanız->Şablonlar bölümüne gelin.
Yeni şablon oluşturun;
adı: floating_navbar
içeriği
<script type="text/javascript">$(function() { $(window).scroll(function(){ if($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) { $('#header').css({'position':'fixed','background-color':'transparent','top':'-{xen:calc '@headerLogoHeight + @headerTabHeight - 25'}px','z-index':'60'}); /*$('.navTabs .navTab.selected .tabLinks').css({'visibility':'hidden'});*/ $('.navTabs .navLink .itemCount').css({'top':'1px'}); } else { $('#header').css({'position':'absolute','background-color':'#176093','top':'0px','z-index':'0'}); $('.navTabs .navTab.selected .tabLinks').css({'visibility':'visible'}); $('.navTabs .navLink .itemCount').css({'top':'-12px'}); } }); });</script>Alttaki koduda navigation şablonunun en üstüne ekleyin.<xen:include template="floating_navbar" />
İşlem bu kadar.
Menüyü yukarı taşımak için
@headerLogoHeight + @headerTabHeight - 25 değeriyle oynayarak yukarı sürükleyebilirsiniz.