[VQMod] Fixed Header on Cart

Hello folks!

Here is another free extension for all you OpenCart'ers

This extension adds a "fixed" header to your OpenCart store. This means that when a user scrolls down, the logo, cart, and some hyperlinks scroll down with the page along the top.


Not a huge modification, but it certainly makes the front-end look a little nicer
It was tested on the original OpenCart theme, however it should work with a lot of OpenCart themes.

It is 100% free, so why not go ahead and download it!

For a demo visit: test.embermonkey.com/demo/

Your comments and thoughts will be greatly appreciated

Thanks,
Peter

Hi Peter,
Cool extension.....
I tried it on my site and it works perfectly apart from the shopping cart shows null before and after
for some reason? See image attached.
Any ideas as to how to fix it?
best regards
Dave

sir how to add search bar no this location?

There won't be a lot of room for a search bar, but drop me a message and I can help you out.

Peter

ashokavarthanan wrote:sir how to add search bar no this location?

pedro1993 wrote:There won't be a lot of room for a search bar, but drop me a message and I can help you out.

Peter

ashokavarthanan wrote:sir how to add search bar no this location?

sir same question please help

Any update for OC 2.0?

Thanks!

i know small javascript can make fixed header.

Opencart 2.0 Opencart 1.5.6
Try and comment

bemba wrote:i know small javascript can make fixed header.

Opencart 2.0

Code: Select all

<script type="text/javascript">
$(window).scroll(function() {
    $(this).scrollTop() > 168 ? $("header").css({
        position: "fixed",
        top: 0,
        background: "#eee",
        padding: "0px " + .5 * ($(document).width() - $(".row").width()) + "px",
        "z-index": 999
    }) : $("header").removeAttr("style")
});
</script>

Opencart 1.5.6

Code: Select all

<script type="text/javascript">
$(window).scroll(function() {
    $(this).scrollTop() > 168 ? $("#header").css({
        position: "fixed",
        top: 0,
        width: $("#container").width() ,
        background: "#eee",
        "z-index": 999
    }) : $("#header").removeAttr("style")
});
</script>

Try and comment

This works good on 2.0.3.1 but is there anyway to make it auto fit the screen at 320x480?

pedro1993 wrote:Hello folks!

Here is another free extension for all you OpenCart'ers

This extension adds a "fixed" header to your OpenCart store. This means that when a user scrolls down, the logo, cart, and some hyperlinks scroll down with the page along the top.


Not a huge modification, but it certainly makes the front-end look a little nicer
It was tested on the original OpenCart theme, however it should work with a lot of OpenCart themes.

It is 100% free, so why not go ahead and download it!

For a demo visit: test.embermonkey.com/demo/

Your comments and thoughts will be greatly appreciated

Thanks,
Peter

hi just wondering how i can download your fixed header modification. cheers