Flyout Menu For Zen Cart by Deluxe-Menu.com
Flyout Menu For Zen Cart

Menu Screenshots

Flyout Menu For Zen Cart Vertical Menu Templates

Features

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your flyout menu for zen cart menus easily and in no time
  • Sensible menu parameters for manual editing
Drop Down Menu Maker Flyout Menu For Zen Cart
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
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.


A: Now you have:

  var absolutePos=1;
  var posX="10";
  var posY="10";


So, both of your menus have the same absolute position.

You can use relative position and place your menu inside <table>. In this case you should write so:

  var absolutePos=0;


Q: I'm just trying out your trial version of deluxe menu with the menu tuner for a current website I am building. But I don't know how to use a template for a menu. Could you please guide me in the right direction as soon as you can??

A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

HTML version of Deluxe Tuner (MAC version) can be downloaded
http://deluxe-menu.com/deluxe-tuner-html.zip

See more info:

http://deluxe-menu.com/deluxe-tuner-info.html

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. I'm sending you package with alltemplates. Just open data file in Deluxe Tuner.

Add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

一个针对css_flyout_menu的怪问题,不能修改? : Zen Cart 中文支持: 模

我直接在CSS文件里面更改后没有FLYOUT MENU的效果了,直接就是展开了,CTRL+Z 后, ... 哥们我知道了,在zen cart 英文网站上看到了相关的指导:

Liste des Contributions = Foire Aux Contributions - Forum

29 déc. 2006 ... Réalisation d'un menu avec flyout, et sous menu déroulant ou d'un ..... La version Ship In Cart (MS1) est celle présente dans la CREload

bonjour je voudrais changer le menu categorie - ZenCart - Zen Cart

20 nov. 2009 ... Zen Cart 1.3.8a + Easy Populate 1.2.5.4 + ~ SEO URLs + ... mon menu ce que je cherche serais pas ce menu part hasard **CSS Flyout Menu**

ZenMagick • View topic - Css Flyout Menu

Mar 8, 2010 ... To see this menu in action: www.planetebio.net. That menu is a mix of Zen Cart's CSS flyout by DrByte and a menu by Stu Nicholls

Feuilles de style CSS - ZenCart - Zen Cart France

13 juil. 2010 ... bonjour l'installation de CSS Flyout Menu · autoprestige, 2, 437, 22 Novembre 2009 à 21:05:17 ... Configuration et utilisation de Zen Cart

Very Simple CMS site needed

Mar 2, 2010 ... Under the products menu tab at the top is a flyout menu that lists beds, dressers, ... Zen Cart may be difficult to work with as well

Forum | xtcModified eCommerce Shopsoftware

Foren, Themen, Beiträge. Ankündigungen / Neuigkeiten – (nur lesen & antworten) Aktuelles rund um xtcModified und wissenswertes aus der Szene, 163, 1928

关于CSS Flyout Menu,求助! : Zen Cart 中文支持: 模板美工

未命名.jpg 如图,二级目录被限制在那个框里面导致显示不完全。怎么才能使它完全展开 显示出来?请各位大大帮帮忙。。。

CSS Flyout Menu not "flying out" - Zen Cart Support

I've installed the CSS Flyout Menu, but it's not expanding the categories with CSS, it just seems to be static HTML, it's also displaying

Forum | xtcModified eCommerce Shopsoftware

Foren, Themen, Beiträge. Ankündigungen / Neuigkeiten – (nur lesen & antworten) Aktuelles rund um xtcModified und wissenswertes aus der Szene, 163, 1928

Liste des Contributions = Foire Aux Contributions - Forum

29 déc. 2006 ... Réalisation d'un menu avec flyout, et sous menu déroulant ou d'un ..... La version Ship In Cart (MS1) est celle présente dans la CREload

Deprecated - Drupal core | drupal.org

Anonymous user loses cart contents after login, 0, 1 year 34 weeks ago ... Menu expand/collapse bug. 17, 5 years 28 weeks ago ... jQuery + Drupal Help Needed / flyout div on hover? My Personal Website · breadcrumb ? Zen Theme: Change location of Header and Navigation Bar · Drupal Zen navigation positioning?

Deprecated - Drupal core | drupal.org

Anonymous user loses cart contents after login, 0, 1 year 34 weeks ago ... Menu expand/collapse bug. 17, 5 years 28 weeks ago ... jQuery + Drupal Help Needed / flyout div on hover? My Personal Website · breadcrumb ? Zen Theme: Change location of Header and Navigation Bar · Drupal Zen navigation positioning?

Dreamweaver/Expression Web [Archive] - WebDeveloper.com

Trying to create a navigational drop-down box. ... new software for web designers · Front Page Shared Borders / Zen Cart · Rotating banner help · Order form