Add-On: Sticky Menu On Scroll

Dear Friends!



I am excited as always when announce a new release of our products, today new add-on is “Sticky Menu on Scroll”!



Add-on will made your menu sticky on top of page. You can see this very plugin in action on demo store , just scroll your mouse up and down and notice that menu is following your scroll.



[center][/center]



#VIVAshop



Mobile Ready - Responsive







Sticky menu allow you to setup the menu boxed or wide:

1. Boxed (default)



[center][/center]



2. Wide







[center][/center]





Compatibility: 4.0.x / 4.1.x / 4.2.x

Demo: www.hungryweb.net/demo

More details: www.hungryweb.net/cs-cart-addons/sticky-menu-on-scroll.html



The add-on price is €19



Please feel free to ask any questions!



Keep on smiling,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

Nice feature. You should make it work where it's most useful: on mobile devices, especially @media (max-width: 480px).

[quote name=‘euromickey’ timestamp=‘1423737978’ post=‘205129’]

Nice feature. You should make it work where it’s most useful: on mobile devices, especially @media (max-width: 480px).

[/quote]

Thank you for your suggestion and I am happy to tell you that is done for all devices ;)







Keep on smiling,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

February 27 2015, v1.1

[*] - Removed from Cart and Checkout pages

[!] - Fix for “basic” theme



Keep on smiling,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

[+] - Support for all CS-Cart custom themes



#VIVAshop





Keep on smiling,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

I'm using this, works great.



As always Vali has done a good job.

Thank you @kickoff3pm

do you just apply a css code to a block? Or is this a special block type?

[quote name=‘Kayokoko Swimwear’ timestamp=‘1426680047’ post=‘208248’]

do you just apply a css code to a block? Or is this a special block type?

[/quote]



No, is not an extra block,

You don’t need extra customization or setup, you just install and will find top-menu and will make it sticky ;) and for some custom themes like example above, VIVAshop can have also different functionality, as you can see create the menu thinner and also will close the drop down menu for the homepage.



If a custom theme is not supported so far, the custom development will be done for FREE in 1 working day and everybody happy ;) and the rest that are using the same theme will enjoy after that.



Keep on smiling,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

I use a custom bootstrap menu with an CS-Cart HTML block… do you think this will work with it?



Thanks

Work with any menu, and if it not working right out of the box I will make if work ;), please PM me url to your website to check



Regards,





Valentin

[color=#808080][size=2]part of hungryweb.net[/size][/color]

I recommend this , I think it enhances the browsing experience for the customer

[quote name='johnbol1' timestamp='1426703595' post='208301'] I recommend this , I think it enhances the browsing experience for the customer [/quote]



Thank you @johnbol1



[-] Upgrade Center is not available yet, but will be soon, is under testing, the script is done but require our server to be ready and also more testing to be done

Anybody know how to get this addon to work with the MegaMenu addon? I want my MegaMenu to be sticky. The sticky menu addon came with zero documentation on how to choose what item you want to be sticky :(

OK, I made some mods to the sticky script and got it working.

First I had to add a class to the megamenu ul tag. I used

    Then in the sticky js script file I made it

    if($('.header-grid').find('ul.forsticky').length>0){ _hw_fixed_topmenu_obj = $('.header-grid').find('ul.forsticky').parent(); } //responsive
    It would be nice if the class it is looking for was not hard coded into the sticky addon. Just a suggestion for its next release.