Post by pedro1993 » Wed Jul 03, 2013 7:25 am

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

Attachments

banner.png

banner.png (55.53 KiB) Viewed 4528 times


For professional OpenCart, HTML/CSS & PHP/MySQL support feel free to PM me :)
Click here for my extentions
Did I help you? Donate here to show support
Follow me on Twitter!
Catch me on Facebook!
Watch YouTube OpenCart Tutorials and Extension Demos

Image


User avatar
Active Member

Posts

Joined
Tue Oct 18, 2011 4:31 am
Location - Glasgow, Scotland

Post by duderooney » Thu Sep 05, 2013 5:05 pm

Untitled-1.png

Untitled-1.png (8.27 KiB) Viewed 4384 times

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
Untitled-1.png

Untitled-1.png (8.27 KiB) Viewed 4384 times


Newbie

Posts

Joined
Thu Sep 05, 2013 4:55 pm

Post by ashokavarthanan » Mon Jan 06, 2014 10:15 pm

sir how to add search bar no this location?


Posts

Joined
Mon Jan 06, 2014 10:13 pm

Post by pedro1993 » Tue Jan 07, 2014 8:00 am

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?

For professional OpenCart, HTML/CSS & PHP/MySQL support feel free to PM me :)
Click here for my extentions
Did I help you? Donate here to show support
Follow me on Twitter!
Catch me on Facebook!
Watch YouTube OpenCart Tutorials and Extension Demos

Image


User avatar
Active Member

Posts

Joined
Tue Oct 18, 2011 4:31 am
Location - Glasgow, Scotland

Post by jigeshgandhi » Sun Oct 12, 2014 8:18 am

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

Newbie

Posts

Joined
Fri Oct 10, 2014 1:11 pm

Post by allenshea » Sun Oct 12, 2014 12:27 pm

Any update for OC 2.0?

Thanks!

I know nothing about PHP and SQL, but I still try my best to understand it.


Active Member

Posts

Joined
Mon Dec 14, 2009 10:01 pm

Post by bemba » Wed Sep 02, 2015 2:36 am

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

Image


User avatar
Newbie

Posts

Joined
Wed Jul 22, 2015 4:28 am

Post by aljawaid » Fri Nov 13, 2015 11:08 am

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?

Total e-commerce newbie bravely testing OC v2.0.3.1 before rolling it live...getting there slowly, somehow. Maybe not. I dunno.


Active Member

Posts

Joined
Fri Oct 10, 2014 10:33 pm
Location - UK

Post by paulhill1985 » Sat Nov 26, 2016 9:33 pm

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

Newbie

Posts

Joined
Sat Nov 26, 2016 9:27 pm
Who is online

Users browsing this forum: No registered users and 13 guests