Jquery Menu Opencart by Deluxe-Menu.com
Jquery Menu Opencart

Menu Screenshots

Jquery Menu Opencart Elephant Bar

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery menu opencart menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Layers Collapsible Menu Jquery Menu Opencart
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery menu opencart samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all “buttons” need to have subcategories. For example:

Category 1

            Sub-menu 1-1
            Sub-menu 1-2
            Sub-menu 1-3

Category 2

            Sub-menu 2-1
            Sub-menu 2-2
            Sub-menu 2-3

Category 3

Category 4

When someone click on the “Category 1” or “Category 2”, I want them to see the sub-menus. However, when some click on “Category 3” or “Category 4”, I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all buttons need to have sub-menus… I hope that makes sense and you can help me on getting this done.


A: You cannot use links for the top items in XP Style only.

  var tXPStyle=1;

but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],


Q: I am trying to setup a popup tab menu like the one that you have on top part of your web pages (containing items; "Home", "Product Info", "Sample"...).

Right now I am using <div id=""> tag to load everything and break the content into each tab, but it is taking a long time to load everything first then break them down into tabs. So I thought maybe having each tab's content in each page, and have a link to each page would be more efficient. But when I put a link for each tab, for example "link:www.google.com" I get an javascript error saying "tabs[...].id is null or not an object". When I test this straight from Deluxe Tuner, I get the same message.

Can you tell me what I am doing wrong here? Or is there any better way to solve my problem? Thanks in advance.

A: Check that you have style=" visibility: hidden;" for your DIVs
<div id="content1" style=" visibility: hidden; height: 400px;" class="tabPage">

> But when I put a link for each tab, for example
> "link:www.google.com" I get an javascript error saying "tabs[...].id is
You should write:
link:http://www.google.com


Q: Do I have the ability to change colors for the menus and the sub menus?

A: You can use different colors for each item and subitem of the menu.
You should use individual item styles.
More info you can find here:
http://deluxe-menu.com/individual-item-styles-info.html



Q: How do I make the main nav links align left in my horizontal menu (they are center aligned).

A: Try to use the following parameter:

  var itemAlignTop="left";