Bespoke Navigation Bar or Mega-Menu?

[lasvegasfish]

Hi there ya'll,

I am a new forum member and am in the process of setting up my first 2 sites on Blue Park for a client who has purchased this wonderful e-commerce platform service.

I'm trying to find out whether it's possible to create my own drop-down menu in the navigation bar?

From what I've read up until now I'm guessing that my options are either to use the method that 'Rich' explained (Navigation Bar: New Drop-Down Menu [Howto]) which I understand (pretty much anyway), or I create my own.

If I create one myself then I'm assuming I'd need to do the following in the Template I've set up...

1. Turn off the default navigation bar
2. Put my HTML in to the Header > Header content (optional) box
3. Put my CSS code in to the Site > Additional CSS (developers) box
4. Put my JavaScript in to the Site > Head section (developers) box

Could someone advise me on the above please if there is an answer? I don't want to spend ages coding it myself, only to find out that it's not possible.

Many thanks to anyone wanting to help!

Dale (lasvegasfish)
http://www.totalwellbeingsolutions.co.uk

[jimmyservis]

HI Dale!

If i could help i would, but i can't - i want more information on mega drop down menus too! If know some sites have it already..

Thanks

James Service

[lasvegasfish]

This may help, I have been pointed towards a site called HTML Dog who have a good tutorial... http://www.htmldog.com/articles/suckerfish/dropdowns/

Also, apparently I was correct with what I said about where to put the code...

1. Turn off the default navigation bar
2. Put the HTML in to the Header > Header content (optional) box
3. Put the CSS code in to the Site > Additional CSS (developers) box
4. Put the JavaScript in to the Site > Head section (developers) box

I'm gonna have a test tonight and see what happens. Fingers crossed!

I've also been pointed towards http://www.scorestore.co.uk/ who have created their own drop-down so I may look at the source they use if I get stuck.

I hope this all helps somewhat.

Regards, Dale.

[greggrant]

You could create a block and put the new menu in there - have a look at (for a very un-styled) mega dropdown menu http://www.bp133.betapark.co.uk/dropdown.html

[vazalla]

You could create a block and put the new menu in there - have a look at (for a very un-styled) mega dropdown menu http://www.bp133.betapark.co.uk/dropdown.html

how did you go about creating a menu like this, its what i want but a little neater for my site. Basically i need the categories to go down and across instead of just down

thanks

[greggrant]

It's built using jQuery - and yes the version on display is not styled at all! But it can be styled to suit individual websites.

[jimmyservis]

Did you have any luck installing this Dale?

[lasvegasfish]

I ended up using an XHTML & CSS3 tutorial and hand-coded the whole thing this week. It's similar to the others but does not use JavaScript/jquery in any way. It works fine in all browsers except Internet explorer which can't interpret thenewCSS3 attributes as well as the others (what a surprise), however I've just added in some extra styling for IE.

Only problem I'm getting now is that the drop downs are running behind the actual product pictures on the product pages so I'll have to think of a way around that one.

Regards, dale.