4 levels css flyout menu
Hello
Below you will find a small flyout menu with 4 levels using css. I know there are already some ideas on this forum or you can buy from xcartmods but this is an exercise for me and if you like, for you also. The original (static) menu can be found here: http://www.cssplay.co.uk/menus/flyout2.html. Also, this menu include info from this post, thanks to the author: http://forum.x-cart.com/viewtopic.php?t=14905 Modifications (30.08.2006): 1. Moved all files for menu into a folder called meniu 2. Added css browser detection into css file 3. Remove stylesheet from meniu.tpl and add this to home.tpl Step 0: create one folder called meniu Step1: create meniu.css in skin1/meniu dir and add this code Code:
/* Original from www.cssplay.co.uk*/ Step 2: create file meniu.tpl and ad this into your skin1/meniu directory: Code:
<div class="menu"> Step 3: create file css_browser_selector.js into your skin1/meniu and add this code from below: Code:
// CSS Browser Selector v0.2.3 Step 4: add this into your skin1/customer/home.tpl file 1. On line 1 add this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. before </head> add Code:
<script src="{$SkinDir}/meniu/css_browser_selector.js" type="text/javascript"></script> 3. Replace { include file="customer/categories.tpl" } with {include file="meniu/meniu.tpl"} or made this modification to your code: Code:
{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")} I hope most of problems are solved, but you still have to test it first local. This menu is tested on fresh installation of x-cart 4.0.18; using other templates (as i do) might require modifications to meniu.css. Problems (please let me know if it's true): 1. in Opera 9 i cannot click on categories submenus. 2. blank spaces between categories if subcategories are available. |
Re: 4 levels css flyout menu
Ok, can anybody use this menu on different template than original one? I have serious problem using into my live site, i have to remove it. My problem it's because of IE6, it's hidding subcategories or better say, show only first subcategory of each category. In FF and Opera all subcategories are visible.
I belive the main problem it's because i use a table inside a div. If i remove first table it's look great in Opera and Firefox, but all menu dissapear in IE. Any suggestion? |
Re: 4 levels css flyout menu
Pretty cool, but it doesn't work in IE 6 or IE 7. Looks good in Firefox 1.5.0.7
|
Re: 4 levels css flyout menu
I bought this menu from a guy in the uk & it won't work in IE. That was a wasted $30. I sure would appreciate it if someone finds a cure for this.
|
Re: 4 levels css flyout menu
If you are referring to PhilJ's menu, it does work fine in IE.
|
Re: 4 levels css flyout menu
That is the one, but it doesn't work for me. I have a 7_Dana template so that is most likely the reason, but I have no clue what it would take to fix it.
|
Re: 4 levels css flyout menu
Mary, I'll try and sort it for you, please get in touch.
|
Re: 4 levels css flyout menu
Has anyone gotton this code to work on windows I would sure love to use it but it will not work for me
|
Re: 4 levels css flyout menu
I have this menu running on a store I take care of,
http://store.oceanriver.com/store/ Everythings been fine, except I just realized the display is now way off in ie6. It's expanding the left menu width and pushing the main frame to below everything. It works fine in every other browser, and I'm pretty its a css quirk of ie6, but I can't figure what. Any suggestions? Thanks, Graham |
Re: 4 levels css flyout menu
New categories will not appear as I create them. Yes, they're enabled. It does not matter what level they are at, but as it happens, one is a top-level ("Level One") and the other is a second-level ("Level Two"). If I create another category somewhere, at any level ("Test 1"), Level One will appear. When I create yet another category ("Test 2"), Level Two appears. This is where the trend ends, however, as the addition of more categories does not get Test 1 and Test 2 to appear, whether or not they have products.
All of these categories do appear in the main body of the page in the subcategories list (customer/main/subcategories.tpl). Code:
<ul id="navmenu"> Greg |
All times are GMT -8. The time now is 08:58 PM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.