Помощь Плавающее меню

[Trafim6021]

Привет всем, подскажите как закрепить верхнее меню, с логотипом, что бы при прокручивании страницы, шапка закреплялась в верху используя етот Для просмотра ссылки Войди или Зарегистрируйся

 

[inturned]

Привет всем, подскажите как закрепить верхнее меню, с логотипом, что бы при прокручивании страницы, шапка закреплялась в верху используя етот Для просмотра ссылки Войди или Зарегистрируйся

если весь header, то через

position: fixed;

+ дополнительные правила, надо вообще смотреть детально, а также можно и через JS
Как пример: Для просмотра ссылки Войди или Зарегистрируйся

 

[Trafim6021]

А можно подробнее в файл common или header и что точнее вставить, может есть модуль?

 

[inturned]

вообще все что в шапке до меню (включительно) должно быть, там же и файлы подключения css и js
/common/header.tpl

Модуль вы врятли найдете под конкретный шаблон, а вставлять надо сам скрипт
<script type="text/javascript">...</script> и соответственно, если необходимо то ссылку для подключения JS нужной версии, хотя все же предлагаю без конфликтов использовать уже ту версия, которая будет подключена в самом шаблоне.

По умолчанию в опенкарте работает JS (jQuery) версии
<script type="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

 

[Trafim6021]

Вот ето нужно вставить в шапку <script type="text/javascript">...</script>

 

[AVIZEN]

Есть модуль Sticky menu для этих целей, нормально работает, только немного в стилях придется покопаться. Для просмотра ссылки Войди или Зарегистрируйся

 

[Lan]

put the position to absolute in class header ..

 

[Shevasik]

все делаеться средствами css

 

[NinoZombie]

все делаеться средствами css

А если на резиновом макете нужно после пролистывания скрола вниз показывать видоизмененную шапку (напр, без телефонов и поисковой строки, просто маленький логотип и категории) ? Поможете мне с помощью css так сделать?

 

[unfume]

А если на резиновом макете нужно после пролистывания скрола вниз показывать видоизмененную шапку (напр, без телефонов и поисковой строки, просто маленький логотип и категории) ? Поможете мне с помощью css так сделать?

$(function(){
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 90) $("#menu").css({top: '0', position: 'relative'});
        else $("#menu").css({top: '0px', position: 'fixed'});
    });
});

top < 90 на свое поправить
Дальше @media