Features Magento Expandable Category Tree

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

Easy Setup

De Luxe Tuner. GUI interface to create your magento expandable category tree menus easily and in no time Sensible menu parameters for manual editing

Tree Collapsible Web Page Magento Expandable Category Tree

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed magento expandable category tree samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Seamless Integration

Visible over flash, select boxes, iframes, java applets Multiple menus on the same page Amicable to other scripts and css styles Any HTML code can be used inside menu items

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux Menu can be populated from a database using ASP, PHP, etc. Search engine friendly Support for any doctypes Fits for secure sites

  

Recent Questions Magento Expandable Category Tree

Q: Both arrow types are visible when my intranet first loads and when I select a top item that is a direct link to a page.
But, as soon as I select any item from a list of sub items that includes subitems with arrows,
the arrow images disappear from vertical menu until I refresh the site.

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.

Q: I am Registered user.
My question is:
Can you have borders around the sub-menus only. If you can how is this done, if it is done in the individual styles can you walk me through that. I tried it there but for some reason it wasn’t working. I'm thinking I wasn’t selecting the correct item to edit.


A: You should create Individual style and assign it to the first item in each submenu.

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],

Q: A question: How do I make it show all the drop down dhtml menu items rather than having them pop up?

eg:
- Item 1
- sub item 1
- sub item 2
- sub item 3

A: You cannot expand items by default in JavaScript Tree Menu. You should hoverover menu to open submenus.

You can do it using Javascript/DHTML Tree.
To expand specific items in Javascript/DHTML Tree you should add + sign beforeitem's text or set the following parameter to expand all drop down dhtml items bydefault:

  var texpanded = 1;

Q: My menu bar will not “center” when I view it via the Firefox and Netscape browsers.
It views fine via Internet Explorer. Is there any remedy for this?


A: Try to set exact width for the menu in "px", for example:

  var menuWidth="400px";