Панель сверху

[butuz1]

Здравствуйте, можно ли на опенкарте реализовать панель как на http://www.sports.ru/? Т.е. прокручиваешь страницу, а она сверху всегда.

 

<div class="c-user-panel c-user-panel_state_loaded" data-control="Layout.UserPanel"><div class="c-user-panel__fixed">
    <div class="g-wrap-main">
        <a href="/" class="c-user-panel__logo"></a>
        
        <div class="g-float-left" style="position: relative;">

    
    

</div>

<div class="g-float-right">

    <div class="c-user-panel__panel-item">
        <a href="#" data-action="login" class="g-bold g-dotted">Войти</a>
    </div>

    <div class="c-user-panel__panel-item">
        <a href="#" data-action="register" class="g-bold g-dotted">Зарегистрироваться</a>
    </div>

    <div class="c-user-panel__panel-item c-user-panel__panel-item_type_social-login">

        Войти как пользователь

        <a href="#" class="c-user-panel__social-login-button c-user-panel__social-login-button_type_vkontakte" data-action="vk-login">
            <i class="c-user-panel__social-login-button-icon"></i> Вконтакте
        </a>
        <a href="#" class="c-user-panel__social-login-button c-user-panel__social-login-button_type_facebook" data-action="fb-login">
            <i class="c-user-panel__social-login-button-icon"></i> Facebook
        </a>
        <a href="#" class="c-user-panel__social-login-button c-user-panel__social-login-button_type_googleplus" data-action="gg-login">
            <i class="c-user-panel__social-login-button-icon"></i> Google Plus
        </a>

    </div>

</div>
        
        <a href="#" class="c-user-panel__up-button">
            Наверх
        </a>
    </div>
</div>
</div>

я так понимаю вот сам код, реально ли его приклеить к опенкарту?

 

[Tom]

https://opencartforum.com/files/file/1514-sticky-menu-vqmod/

[butuz1]

а можно чтобы верхнее меню ездило и вставить туда, что то из категорий, а что то из статей?

[sobwoofer]

Можно вообще самому написать, особого труда не составит.

Создаешь блок в хедере аналогичный топу, можно даже его взять.

 

<div id="top">

кидаешь внутрь все что нужно для счастья, можешь привязать к классам и настроить стили.

короче как фантазия играет :)

</div>

 

в файл stylesheet.css твоего шаблона прописуешь позиции твоего чуда,

и задаешь самый главный параметр "fixed;"

 

Пример кода который вставляется в css

 

#top {

position: fixed;

height: 50px;

width: 100%

background: #485125;

}

 

тут можно дать волю фантазии.