Opencart 2.x sürümleri için, Nav menüsünü sabitleme

Guazy

OpenCart-TR
Katılım
20 Mar 2016
Mesajlar
8
Tepkime puanı
0
Puanları
1
Yaş
36
Konum
Belçika
Modifikasyon Önizlemesi:
1: [attachment=2434]
2: [attachment=2435]

Modifikasyon Açıklaması:
Nav menü sayfayı aşağıya çektiğinizde sitenizin üst kısmında sabitlenir. Kullanıcılar için kolay ve hızlı erişim sağlar.

Dosya Adı: footer.tpl
Dosya Yolu: catalog/view/theme/TEMA ADINIZ/template/common/footer.tpl

BUL
Kod:
</footer>

ALTINA EKLE
Kod:
<style type="text/css">
.fixedNav {
background: none repeat scroll 0 0 #f5f5f5;
padding: 15px 0 0 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
</style>
<script type="text/javascript">
$(window).scroll(function(){
//alert($(window).scrollTop());
							
if($(window).scrollTop() > 140){
$(".fixed-nav").addClass("fixedNav");
$(".fixed-nav .col-sm-4").addClass("col-xs-6");
$(".fixed-nav .col-sm-5").addClass("hidden-xs");
$(".fixed-nav .col-sm-3").addClass("col-xs-6");
} else {
$(".fixed-nav").removeClass("fixedNav");
}
});
</script>

Dosya Adı: header.tpl
Dosya Yolu: catalog/view/theme/TEMA ADINIZ/template/common/header.tpl

BUL
Kod:
<nav id="top">

DEĞİŞTİR
Kod:
<nav class="fixed-nav" id="top">
 

Ekli dosyalar

  • fixed-nav-menu-1.PNG
    fixed-nav-menu-1.PNG
    8.1 KB · Görüntüleme: 18
  • fixed-nav-menu-2.PNG
    fixed-nav-menu-2.PNG
    29.5 KB · Görüntüleme: 19
Üst