Thread: Modifying TopMenu behavior.

Hi all, I have downloaded the demo of AspDotNetStorefront and have been playing around with skinning it. Now there is only one thing I don’t like, that is the TopMenu. Well more so the lack of diversity. From what I understand is there are only 2 options, the default (!menu.Categories!) and (!menu.Categories0!). Now these are 2 great options but not exactly what I want. Below is a crude drawing of how I want to make it.

Is there some documentation somewhere on how I can modify the menu?

You could surely do this by customizing the source code I am sure. I am not a programmer but about anything can be accomplished with this cart.

Another option would be to build them into the site manually using CSS and jQuery. If your categories do not change a lot, this could be a great and cheap option for you.

Below is a link to a tutorial telling how to do this.

http://www.sohtanaka.com/web-design/...-w-css-jquery/

Hope this helps.

Hi,

do you have the sourcecode version?
I did exactly what you are trying to do.

Its based on the default menu with a rendering to an HTML List.

Cheers
Timmey

Hi Timmey, would you mind sharing the code you wrote to create that menu? I am trying to do the same thing and your example looks like just what I am trying to do.

Thank you very much

Timmey - Could you share how you did that? That's exactly what I need to do. TIA!

Sorry guys I was on Vacation!

Yes for sure I will share it. I will create a ZIP with the content, it affords more then a few changes

I just sorted a few things out and check out the source.

What we are going to implement: MegaDropDown with JQuery.
I think it should work in ALL Versions, even the no code options since the MasterPageBase is open.

Background:
I was in need of a MegaDropdown Menu, the most easy way, is use an already Databound Item, mostly the easiest and performance way too, BUT Only if you ain't the sitemap guru!

SHORT: Databound ASP MENU -> get items, insert into a List add scripts thats it.

OKay, okay, here we go!

HOW TO:

Open the file: web -> app_code -> MasterPageBase.cs
Insert the function from "menudropdown.cs" into MasterPageBase.cs below the SetMenu(); (You can put it anywhere, but for sourcelook its better)

Remove all the script appendings in SetMenu, this would cause a JS Error in the frontend.

Create 2 Members:
protected Literal anchorLiteral and protected Literal menuLiteral;

Register the OnDataBound function to the aspmenu.

Thats the source thing...

Open your Masterpage Template and add the Literals to the HTML and place them where you need, e.g. div#header

Now you only need the JQuerys for infos check out this awesome piece of blog:
http://www.sohtanaka.com/web-design/...-w-css-jquery/

It should work out of the box with the CSS, may be other ID's or classes, but setting them probably you will have something sweet like on the blog.

Attachment Info: Download and RENAME to .cs I couldnt upload a cs file here, so just remove the zip in filename.


Pls tell me how it worked for you

Cheers
Timmey

That looks pretty cool, however, for maintainability reasons, I would advise against using all those strings and instead use XML to build the HTML that you need. .Net has the very powerful XmlDocument class that helps make sure that code stays readable and maintainable by keeping track of opening and closing tags for you.

Gonna Upload the ZIP again.

@CJBarth This solution is pretty flexible. I may update it, but at first I need to remove all the Static inline codes for the carts and everywhere. When this looks nice, I'm gonna move it.

waiting for you! lol
thanks